Mikro Frontend (Micro Frontend) Nedir?
İngilizce: Micro Frontend
Mikro frontend, büyük bir arayüzü bağımsız ekiplerin geliştirdiği, dağıttığı ve birleştirdiği küçük uygulama parçalarına böler.
Mikro Frontend (Micro Frontend) Nedir?
Mikro frontend, frontend tarafında mikroservis fikrine benzer bir organizasyon modelidir. Büyük bir arayüz, farklı ekiplerin sahiplenebileceği bağımsız uygulama parçalarına ayrılır.
Örneğin bir e-ticaret yönetim panelinde ürün kataloğu, sipariş yönetimi, kampanya ekranı ve raporlama modülü farklı ekipler tarafından geliştirilebilir. Bu parçalar tek bir kabuk uygulama içinde kullanıcıya bütünleşik görünür.
Nasıl Birleştirilir?
Mikro frontend’ler route bazlı ayrılabilir, build zamanında paketlenebilir veya çalışma zamanında yüklenebilir. Bazı ekipler module federation, bazıları web components, bazıları da iframe veya backend-for-frontend yaklaşımı kullanır. Seçim, bağımsız dağıtım ihtiyacı ve operasyon karmaşıklığına göre yapılır.
Monorepo kullanımı paylaşılmış tasarım sistemi, test altyapısı ve ortak tipler için yardımcı olabilir. Ancak mikro frontend mutlaka monorepo gerektirmez.
İş Kullanımı ve Riskler
Mikro frontend, çok ekipli ve geniş ürünlerde bağımsız geliştirme hızını artırabilir. Küçük ekiplerde ise gereksiz deployment, versiyonlama ve performans karmaşıklığı yaratabilir.
Microservice mimarisinde olduğu gibi sınırlar iyi çizilmelidir. Ortak tasarım sistemi, kimlik doğrulama, hata izleme ve performans bütçesi olmadan kullanıcı deneyimi parçalı hale gelir.
İlgili Terimler
Mikro hizmet mimarisi, büyük uygulamayı bağımsız geliştirilen, dağıtılan ve ölçeklenen küçük servisler halinde tasarlar.
MonorepoMonorepo, birden fazla uygulama ve paketi tek Git deposunda tutarak ortak araç, bağımlılık ve değişiklik yönetimi sağlar.
ReactReact, kullanıcı arayüzlerini yeniden kullanılabilir bileşenlere ayırarak durum değişimlerini ekrana verimli yansıtan açık kaynak JavaScript kütüphanesidir.