Mimari Örüntüler
Micro Frontends Hakkında Konuşulanlar
Micro-Frontends , Micro-Service benzeri UI mantıksal parçalara bölerek istenirse farklı teknolojiler ve ekiplerle geliştirme yapmayı sağlayan mimari yaklaşımdır.
Bu yazıda Micro Frontends Nedir ? şeklinde bir başlık açıp neden anlatmıyorsunuz derseniz. Bir konu ile ilgili yeterli deneyimin olMaması. ve bu konuda Türkçe bu konuda yeterince kaynak bulunması. (Trendyol → puzzle.js ve HepsiBurada → Voltran)
Ben bu blog yazısında elime geçen kaynakların neler olduğunu toplayarak ilerleyen süreçte konuları daha iyi anladıkça daha açıklayıcı şekilde yazacağım ama şu anda bulduğum güzel blog yazılarını buradan paylaşmak ile yetineceğim.
Benim Anladığım
Benim anladığım ise Micro Frontends ,
- Etkileşim: uygulamanızı oluşturan bileşenlerin birbirleri ile etkileşimleri az ise. (Amacınız bir içerik oluşturma aracı değilde, içerik sunmak ise)
- Gereksinim: uygulamanızı oluşturan bileşen/bileşen gruplarının gereksinimleri (performans, hız, güvenlik vb… bileşenler arasında farklılık gösteriyorsa)
- Organizasyonel Yapı: bu bileşenlerin microservis olarak ekipleri birbirinden ayrı ve kendi geliştirme takvimleri bulunuyor ise…
- Canlıya Çıkma Süreci: Bileşen geliştirim, bakım ve canlıya çıkma süreçleri birbirinden ayrılmasını bağımsız haline gelmesine ihtiyacımız varsa.
- Teknoloji: Farklı diller, farklı kütüphaneler , farklı framework kullanılmak isteniyor ise..
bu durumda UI ekranında farklı farkı geliştirilen bu bileşenlerin iframe vb fragment yapıları ile birleştirilmesi sağlanırsa bu mimariye Micro Frontends deniyor.
Bu yapılardaki ihtiyaçlardan kaynaklı kullanılması gereken , oluşan sorunları çözmeyi sağlayacak bir sürü teknik konu var. Bu konuların daha sonra değerlendirmek üzere , Kısaca başlıklardan bahsedelim.
- Styling: Ortak CSS.
- Shared Component Library: Ortak Bileşen Kütüphanesi
- Cross Application Communication: Bileşenlerin iFrame gibi yapılarda EventBus üzerinden haberleşmesi
- Backend Communication: BFF pattern (Backend for Frontends)
- Testing:
Micro Frontends konusunda Konuşulanları Sıralarsak
- 4 Haziran 2010 : Facebook BigPipe: Pipelining web pages for high performance blog yazısı.
- Zalando Micro Frontends kütüphaneleri (Mosoic.org)
- Kasım 2016: Thoughtworks Tech Radar girdi.
- https://micro-frontends.org/
- 5 Haziran 2019: Öner Zafer’in detaylı yazısı Understanding Micro Frontends
- 26 Mayıs 2019: Dan Avramov “I don’t understand micro-frontends.” Tweeti
- 27 Mayıs 2019: lucamezzalira ‘I don’t understand micro-frontends.’ cevabi
- 10 Haziran 2019: Martin Fowler sitesinde yayınlanan Micro Frontends
- 2 Eylül 2020: 11 tane Micro Frontends Frameworks Blog Post
Okumaya Devam Et 😃
Bu yazının devamı veya yazı grubundaki diğer yazılara erişmek için bu linke tıklayabilirsiniz.
