Micro-Frontend Mimarisi ve Entegrasyon Yöntemleri

Büyük ekiplerin ortak frontend projelerinde yaşadığı çakışmaları ve sürüm yönetimi zorluklarını çözmek için geliştirilen Micro-Frontend yaklaşımını ve Module Federation entegrasyonunu anlatıyoruz.

Webpack Module Federation Nedir?

Module Federation, bir uygulamanın runtime sırasında başka bir uygulamadan component veya modül çekmesini (load etmesini) sağlayan modern bir mimari araçtır.

// (c) CodeMareFi - codemarefi.com.tr
// webpack.config.js içindeki federasyon tanımı
new ModuleFederationPlugin({
  name: 'app_host',
  remotes: {
    app_sidebar: 'app_sidebar@http://localhost:3001/remoteEntry.js',
  },
})

Entegrasyon Seçenekleri

IFrame kullanımı, Web Components standartları ya da Module Federation gibi yöntemlerden projenizin büyüklüğüne ve framework çeşitliliğine en uygun olanı seçmelisiniz.