Bro đúng là Pro !!!

@maitrungduc1410 cảm ơn sự nhiệt tình cảu anh ạ

mình tìm hiểu thì thấy kafka connector nó là nocode, tức là ngoài cái connector (phần lớn là sẽ dùng plugin có sẵn trên mạng như ở confluent hub) thì sẽ không phải code nữa mà chỉ config và dùng transform thôi. Vậy thì khi muốn từ 1 record của 1 table của source chẳng hạn, sau đó tùy vào logic mà tạo 1 bản ghi ở table a của sink hoặc table b của sink thì có thể làm được không nhỉ? ví dụ như logic phức tạp thì transform có đủ dùng không?

Bên project Angular hiện tại cũng ko truy cập được trực tiếp:

E update tất cả dependencies thành eager: true rồi xoá folder .angular rồi start lại là được:

"@angular/core": { singleton: true, eager: true },
"@angular/common": { singleton: true, eager: true },
"@angular/router": { singleton: true, eager: true },
"@angular/common/http": { singleton: true, eager: true },

@Andre sorry e, a vừa check lại, với react thì a chỉ setup dành riêng cho MFE, nên nó ko có index.html, nên nếu e truy cập vào thì sẽ bị 404

e có thể truy cập trực tiếp Vue nhé, ở đó a đã set eager: true nên mình sẽ xem được:

Chắc a sẽ update lại project React tí để nó vừa chạy được như MFE vừa chạy được như 1 project độc lập

@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 ạ