cám ơn bạn đã chia sẻ

cám ơn bạn nhiều

@LênhĐênh: Mấy tác giả này chủ yếu dịch từ nguồn khác thôi bạn. Câu view vào web là chính, chắc gì họ biết về lập trình

RẤT HAY

Cá nhân mình thì thấy là: 3 yếu tố kể trên sẽ giúp ích nhiều hơn trong môi trường làm việc tập thể, công ty hơn. Đặc biệt là phần 2: giải quyết vấn đề, phần 3 - Leadership. Tuy nhiên, phần 1 - impact và một nửa phần 3 - initiative: cũng rất có ích khi bạn làm Free lancer. Mình nghĩ rằng: vừa có kiến thức tốt, vừa biết PR bản thân thì sẽ vui hơn

Mình thấy Vue.js cũng hỗ trợ một số công cụ để viết unit test, bạn thử tham khảo xem sao:

• https://vuejs.org/v2/guide/unit-testing.html
• https://vuejs.org/v2/cookbook/unit-testing-vue-components.html

Test runner thì có nhiều thư viện, mình hay dùng Ava

Cám ơn câu trả lời của bạn nhé. Hiện tại mình mới sử dụng react khoảng 1 tuần nên cũng không hiểu sâu 1 số khái niệm, Hiện tại mình dùng webpack để đóng gói nên mình không thể get được nội dung của file .env đó. Mình có thử console.log nội dung object env ở file dưới thì ra thông tin {dev: true} Mình không rõ cái env này nó lấy từ đâu khi nó chỉ khai báo: (env = {}) Nếu bạn thời gian có thể xem giúp mình nhé, cám ơn bạn nhiều

hiện tại cái file webpack.config như sau :

const webpack = require('webpack');
const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');

const extractCSS = new ExtractTextPlugin('[name].fonts.css');
const extractSCSS = new ExtractTextPlugin('[name].styles.css');

const BUILD_DIR = path.resolve(__dirname, 'build');
const SRC_DIR = path.resolve(__dirname, 'src');

// console.log('BUILD_DIR', BUILD_DIR);
// console.log('SRC_DIR', SRC_DIR);
module.exports = (env = {}) => {
  console.log("--------------------------------------------------------------", env);
  return {
    entry: {
      index: [SRC_DIR + '/index.js']
    },
    output: {
      path: BUILD_DIR,
      filename: '[name].bundle.js',
      publicPath: '/'
    },
    // watch: true,
    devtool: env.prod ? 'source-map' : 'cheap-module-eval-source-map',
    devServer: {
      contentBase: BUILD_DIR,
      //port: 9001,
      compress: true,
      hot: true,
      open: true,
      historyApiFallback: true
    },
    module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
            options: {
              cacheDirectory: true,
              presets: ['react', 'env']
            }
          }
        },
        {
          test: /\.html$/,
          loader: 'html-loader'
        },
        {
          test: /\.(scss)$/,
          use: ['css-hot-loader'].concat(extractSCSS.extract({
            fallback: 'style-loader',
            use: [
              {
                loader: 'css-loader',
                options: {alias: {'../img': '../public/img'}}
              },
              {
                loader: 'sass-loader'
              }
            ]
          }))
        },
        {
          test: /\.css$/,
          use: extractCSS.extract({
            fallback: 'style-loader',
            use: 'css-loader'
          })
        },
        {
          test: /\.(png|jpg|jpeg|gif|ico)$/,
          use: [
            {
              // loader: 'url-loader'
              loader: 'file-loader',
              options: {
                name: './img/[name].[hash].[ext]'
              }
            }
          ]
        },
        {
          test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
          loader: 'file-loader',
          options: {
            name: './fonts/[name].[hash].[ext]'
          }
        }]
    },
    plugins: [
      new webpack.HotModuleReplacementPlugin(),
      new webpack.optimize.UglifyJsPlugin({sourceMap: true}),
      new webpack.NamedModulesPlugin(),
      extractCSS,
      extractSCSS,
      new HtmlWebpackPlugin(
        {
          inject: true,
          template: './public/index.html'
        }
      ),
      new CopyWebpackPlugin([
          {from: './public/img', to: 'img'}
        ],
        {copyUnmodified: false}
      )
    ]
  }
};

Theo bạn thì 3 điều trên đây có thể áp dụng để phát triển kỹ năng "cá nhân" tự mình phấn đấu (as a freelancer) hay có thể phát triển cá nhân trong một công ty một tập thể?

Mình cũng k hiểu mục đích của bạn để làm gì. nhưng mình cũng thử làm và có được dữ liệu. Tuy nhiên là cần phải chỉnh sửa 1 chút. File .env bạn chỉ cần để như sau: REACT_APP_API_URL=http://localhost:8000/ Sau đó file config bạn gọi 'API_SERVER_URL' : process.env.REACT_APP_API_URL Rồi mình sẽ phải config lại một số đường dẫn trong các file có sử dụng {config.API_SERVER_URL} => {config.API_SERVER_URL}/api. Ví dụ: let uri = ${config.API_SERVER_URL}/api/products/ + this.props.match.params.id; Đây là cách thủ công. Mình cũng tìm được 1 số tài liệu vấn đề này, bạn có thể tham khảo thêm. https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-custom-environment-variables

hello em, bài này là chị dịch nên tác giả là anh người Nhật nha:v https://qiita.com/kotar0

Tớ thấy ở đây có 1 ví dụ hay và dễ hiểu nữa về decorator pattern ^^ https://viblo.asia/p/hieu-biet-co-ban-ve-decorator-pattern-pVYRPjbVG4ng

Mới đọc bài bên toidicodedao.com về vụ này xong

Thanks anh đã chia sẻ những bài ý nghĩa thế này ạ mong sớm ra ver tiếp theo ạ.

Tác giả cho e dược connect với a được không ạ

Bạn tạo theo series đi

bạn ơi minh run TC thì show ra lôi như thê này làm thê nào để fix được ạ

Bạn có thể chia sẻ code project của bạn lên github hoặc một kênh chia sẻ nào đó không?

Cám ơn bạn nha

Xin chào bạn, Cảm ơn bạn về chuỗi bài viết rất hay. Qua nội dung bài viết mình thấy mỗi lần chạy bạn phải chạy bằng commandline.

Vậy cho mình hỏi, có cách nào để build nó thành một ứng dụng (có giao diện thì càng tốt). Mình có thể truyền tham số đầu vào, đọc cấu hình các xpath... cho ứng dụng đó không?

Xin cảm ơn!

Happy coding!