İnternet dünyasında web uygulamalarına göz atmak için çok zaman harcıyoruz. Ancak çoğumuz bu uygulamaların ve web sitelerinin arka planda nasıl çalıştığını bilmiyoruz. Ancak, programcılar ve yazılımla ilgilenen herkes, ön uç ve arka uç gibi terimlere karşı çok hassastır. Bugünlerde sıkça duymaya başladığımız mikro front end terimi birçok firmanın da ilgisini çekmiştir.
Neler Okuyacaksınız?
Front-End Nedir?
Web sitesinin, kullanıcıların görüntüleyebileceği ve etkileşimde bulunabileceği tüm bölümleri ön uç alanında çalışır. Ön ucun eşdeğeri “önyüz” olarak adlandırılır. İçeriğin bulunduğu web sitesinde kullanılan renkler ve kullanılan fontlar front-end alanına göre belirlenir. Front End alanlar HTML, CSS ve JavaScript gibi programlama dilleri kullanılarak oluşturulur.
Öte yandan, Front End geliştiriciler, bir web sitesinin mimarları olarak da bilinir. Bu yazılımın geliştiricileri, kullanıcıların web sitesinde çalışmasını kolaylaştıran ve siteden memnun ayrılmalarını sağlayanlardır.
Micro Front-End Nedir?
Micro Front End mimarisi, işletmeler tarafından yeni kullanılmaya başlandı. Ama aynı zamanda kısa bir süre için dikkat çekti. Bu mimari, Front End ekiplerin büyük ve karmaşık düzenlerde çalışmasına yardımcı olur. Bunu, ön monoliti birçok küçük parçaya bölerek yapmayı planlıyor. Bu, bu uygulamaların yönetimini büyük ölçüde kolaylaştırır. Bu küçük uygulamalar daha sonra birbirleriyle birleştirilerek kullanıcıya sunulur.
Micro Front End ilk olarak 2016 yılında ThoughtWorks Teknoloji Radarı’nda keşfedildi. Mikro Front End, mikro hizmet mimarisi temelinde çalışır. Micro Frontend, tamamen bağımsız bir ekip tarafından web siteleri veya web uygulamaları oluşturmayı amaçlar. Her ekip farklı iş alanlarında uzmanlaşabilir. Bu ekipler birbirinden tamamen bağımsız çalışarak iyi bir iş çıkarabilir. Mikro ön uç tam olarak budur.
Micro Front- End’in Avantajları
Micro FrontEnd’in ne olduğunu öğrendik. Şimdi bu yeni mimarinin avantajlarına bakalım.
Mikro front-end, sağlıklı bir işbölümü sağlar. Uygulama için gerekli adımlar ekipler arasında kolayca bölünebilir ve çalışan herkesin sorumluluğundadır. Bu, özellikle büyük ekipler halinde çalışan şirketler için büyük bir avantajdır.
Bu mimari, ekiplerin bağımsız çalışmasına ve uygulamaları veya web sitelerini çok daha hızlı geliştirmesine olanak tanır. Bu, zamandan tasarruf anlamına gelir.
Mikro kullanıcı arayüzü ile hangi alanların sorunlu olduğu veya nerede bir uzmana ihtiyacınız olduğu konusunda fikir sahibi olabilirsiniz. Eksik olduğunuz alanda bir uzmana danışmanız yeterlidir. Profesyonellerin diğer teknolojileri bilmesine gerek yoktur. Örneğin; Bir şifreleme yazılımı uzmanına danışacaksanız bu kişinin şifreleme yazılımını bilmesi yeterlidir. Çünkü diğer alanlarda, diğer ekipler işi halledecektir.
Bu mimarinin en büyük avantajlarından biri test edilmesinin kolay olmasıdır. Bu şekilde, test yoluyla kusurları ve hataları kolayca tespit edebilir ve giderebilirsiniz.
Codebase adı verilen bir kod tabanı daha küçüktür ve yönetilmesi daha kolaydır.
Mikro kullanıcı arayüzü ile kullanıcı arayüzünün bölümlerini çok daha kolay bir şekilde yükseltebilir ve güncelleyebilirsiniz. Bu yeterli değilse, yeniden yazma seçeneğiniz de vardır.
Deploy yazılımı dağıtmak bağımsızdır.
Mikro front-end, uygulamanız veya web siteniz için birden framework kullanmanıza olanak tanır.
Micro Front-End Temel Kavramları
Bu mimarinin en temel konsepti bağımsızlıktır. Başka bir deyişle, her takım diğerinden bağımsız olarak çalışabilmeli ve gelişebilmelidir. Bağımsız olarak, uygulamanın özel detayları da gizlenebilir.
Alan ayrımı da en önemli kavramlardan biridir. Bunu başarmak temel bir adım olarak kabul edilir. Bu alanların isimlendirilmesi de oldukça önemlidir. Örneğin; CSS, yerel depolama, çerezler.
Bu mimariyi kullanırken, yerel tarayıcı işlevselliğine özel API’lere göre öncelik vermek de çok önemlidir. Yapılandırmanız gerekmiyorsa bu sistemi kurmayın. Ekipler arası bir API kurmanız gerekiyorsa, en basit yolu deneyin.
Tüm ekipler aynı framework’te olsalar dahi paylaşım yapmayın ve birbirlerinin çalışma saatlerine izin vermeyin. Takımların birbirinden oldukça ayrı olduğundan emin olun.
Micro front- end bir diğer önemli konsepti esnek web tasarımıdır. Kullanışlı ve esnek web siteleri veya uygulamalar son derece önemlidir.
Fragment Nedir? Nasıl Çalışır?
Micro Front- End mimarisinde geliştirilen ve oluşturulan uygulamalara parça adı verilir. Parçalara bazen Node.js kullanılarak geliştirilen basit HTTP hizmetleri denir. Parçalar, kod (JS, CSS) adı verilen genel bir parça olarak döndürülerek çalışır ve bir parçanın içine başka parçalar ekleyemezsiniz.
Bu parçalar, düzen hizmeti adı verilen bir uygulama tarafından kullanılır. Parça hizmetleri, yerleşim hizmetleri adı verilen katmanlarda gruplandırılmıştır. Parça çağrıldığında html, js, css çıktısı döndürülür ve layout bu parçaları birleştirir. Düzen hizmeti seçimi tamamen size kalmış.