@maitrungduc1410 ý em là em làm được rồi anh ạ, cảm ơn anh nhiều

@Anhkolamgidauanhthe Chúc em sẽ sớm tìm đường hướng đi phù hợp với mình như a nhé

Cảm ơn anh cho ra một bài viết bổ ích trong lúc bản thân em đang mông lung và mất phương hướng trong sự nghiệp

cám ơn ban đã chia sẻ

@maitrungduc1410 cảm ơn anh ạ, em thêm và cũng chưa thành công nhưng khi thêm cả HtmlWebpackPlugin như code này thì đã ăn ạ, cảm ơn các bài viết đầy tâm huyết của anh, em rep để các bạn sau có cùng vấn đề có thể tham khảo

plugins: [
    new ModuleFederationPlugin({
      name: 'react_app',
      filename: 'remoteEntry.js',
      exposes: {
        'ReactAppLoader': './src/loader.ts',
        './App': './src/App'
      },
      shared: {
        ...deps,
        react: {
          eager: true,
          singleton: true,
          requiredVersion: deps.react,
        },
        'react-dom': {
          eager: true,
          singleton: true,
          requiredVersion: deps['react-dom'],
        },
        'react-dom/client': {
          eager: true,
          singleton: true,
          requiredVersion: deps['react-dom/client'],
        },
      },
    }),
    new HtmlWebpackPlugin({
      template: "./public/index.html",
    }),
  ],

Bài viết rất hay, mong anh sẽ ra thêm nhiều bài hơn nữa.

🌷🌷🌷

@tranphong19951999 https://www.facebook.com/sao.choi.568847 vậy kết bạn facebook mình add vô:))

Cám ơn bạn bài viết bổ ích lắm

Cám ơn bạn đã theo dõi 😍

Cảm ơn bạn nhé. Bài viết dễ hiểu cho 1 người mới như mình.

sao bây giờ mình call API lấy thông tin gói dịch vụ không được ạ. trong post man được nhưng trong code thì cứ báo lỗi error 400 mặc dù đã truyền các tham số và type value tương tự {"code":400,"message":"interface conversion: interface {} is nil, not, int","data":null}

đúng r e, ví dụ trong bài là các MFE (react, vue, angular) ko chạy riêng được mà chúng chỉ chạy nếu như được truy cập qua app shell.

nếu e mở console sẽ thấy lỗi Shared module is not available for eager consumption: lý do là vì ở file webpack.config.js > shared của project React mình ko khai báo react và react-dom là eager: true, tức là nếu e truy cập trực tiếp project react thì nó sẽ cố gắng tìm react/react-dom xem đã được load bởi module khác chưa để còn dùng luôn, thay vì load cái của riêng nó, nhưng ko tìm thấy.

E sửa lại, ở đoạn này ở file webpack.config.js ở project react rồi thử lại thì chắc là sẽ được nhé (nhớ restart project sau khi thay đổi):

shared: {
  react: {
    eager: true, // -> đây
    singleton: true,
    requiredVersion: deps.react,
  },
  'react-dom': {
    eager: true, // -> và đây
    singleton: true,
    requiredVersion: deps['react-dom'],
  },
},

hi anh, em run react app riêng nhưng không hiển thị nội dung app mà bị trắng trang, không biết có cần thêm config gi để khắc phục không ạ, cảm ơn anh

em cảm ơn anh ạ

👍️

Cách dockerize "trong" này mình gặp vấn đề về cache dependencies khi build project. chỉ một thay đổi nhỏ thôi nhưng vẫn rất mất thời gian để install dependencies lại từ đầu.

@just-pthai-it okie e , fix đc lỗi là oke rồi

theo a tìm hiểu thì cũng xêm xêm như frontend web (JS) e ạ, thay vì những chỗ người ta hỏi skill web thì họ hỏi native (android/ios).

Còn thuật toán thì ko thoát đi đâu đc r, vị trí engineer nào cũng hỏi

họ yêu cầu tối thiểu có bằng đại học e ạ, bằng việt nam như a cũng dc

kiến thức + tiếng anh thì bắt buộc rồi e , tiếng anh thì giao tiếp ok là đc rồi e, cũng ko cần thiết phải thi IELTS hay j