Micro Frontendy 2025 - czy ten pociąg już odjechał?

W dzisiejszym odcinku mamy dla Was raport o Micro Frontendach w 2025 roku. Ja nazywam się Aleksander Lubych. Ja nazywam się Jakub Pawlak. A to jest Subiektywny Frontend. Lata mijają, a my ciągle pracujemy z Micro Frontendami. Stąd pomyślałem, że zrobimy dzisiaj mały update i zobaczymy, co się dzieje na rynku. No właśnie, poza naszą bańką. Dokładnie, żebyśmy też nie skończyli w jakiejś bańce mikrofrontendowej. Stąd przygotowałem dzisiaj kilka artykułów, kilka artykułów naukowych, ale i też jakieś nowe narzędzia, które się pojawiły. No i na końcu mała niespodzianka, którą też możecie sobie gdzieś tam wykorzystać, jeżeli rozważacie rozpoczęcie pracy z mikrofrontendami. Ja bym tu podkreślił artykułów naukowych.

Właśnie, artykuły naukowe. To nie była pomyłka. Dobra, to co, jedziemy? Lecimy. Chciałbym zacząć od takiego artykułu, który został napisany przez Luca Mezzalirę. Luca jest poniekąd guru, jeżeli chodzi o Micro Frontendy, czyli w tym świecie Micro Frontendowym jest dość znaną osobą. Na pewno jest ewangelistą, ewidentnie. Zdecydowanie. W tej chwili pracuje w Amazonie. No i też wykorzystuję, wydaje mi się, tę pozycję na to, żeby trochę tam porobić jakichś researchów i podpytać różne organizacje, różnych deweloperów w różnych środowiskach, jakim się z tymi Micro Frontendami pracuje. Stąd właśnie ten artykuł porusza temat ogólnie na czym polegają mikrofrontendy, czyli on na początku tylko wspomina jaki problem adresują, a adresują taki problem gdzie... No daj spokój, już nagraliśmy o tym odcinek, to jak ktoś nie wie co to są mikrofrontendy to...

Kto tu się nie dowie, musi obejrzeć odcinek i później wrócić. Gdzieś tutaj wrzucimy, gdzieś tutaj wrzucimy. No ale powiedzmy, że macie problemy z monolitem, no to tam chcecie to podzielić jak mikroserwisy, to właśnie takie problemy adresuje Micro Frontendy. To, na co chciałem zwrócić uwagę w tym artykule, to jest to, że na przestrzeni lat możemy zauważyć, że sporo dużych firm weszło w Micro Frontendy i wygląda na to, że akurat w przypadku tych firm ta architektura dość dobrze się sprawdza. Mamy tutaj takie firmy jak Booking.com, Netflix, PayPal, Dozen. Ten dozen to jest firma skąd Luca. Wydaje mi się tam rozpoczynał swoją batalię z tym setupem.

Dość duża firma w tej chwili. To jest streaming sportowy. Mamy też tutaj BMW, Adidas, Shopify. Epic Games. To jest też duży gracz. Wygląda na to, że mamy tutaj jakiś dowód na to, że w skali to się sprawdza dość dobrze. To, co jeszcze tutaj Luca wspomniał, to jest to, że przy budowie mikrofrontendów warto podchodzić do nich jak przy budowie platformy, czyli jak ktoś kiedykolwiek pracował z platformy, a ze serwis, to jest właśnie bardzo analogiczne podejście. I tutaj też w tym artykule jest link do jego prezentacji, która No, jest długa, 48 minut, ale uważam, że ona doskonale adresuje większość dużych problemów już bardziej dojrzałego setupu, jeżeli chodzi o Micro Frontendy.

Tobie też, Jakub, polecam, teraz nie będziemy przez to przechodzić, ale serio... Ja myślałem, że obejrzymy w całości. Myślę, że nasi widzowie chętnie bardzo docenili, że jakbyśmy obejrzeli całe i dodali do tego komentary. Na 100%. Na 100%. Już kiedyś coś takiego zrobiliśmy, nie? Więc to jest ten pierwszy artykuł. Oczywiście, tak żeby było jasne, wszystkie artykuły, które tutaj pokazuję, będą w opisie tego filmiku. Więc zawsze będziecie mogli sobie do nich wrócić i się do nich odnieść i się z nimi głębiej zapoznać, bo tutaj robimy tylko raport. No i dobre. Więc przejdźmy do następnego artykułu. W następnym artykule to też jest dość obszerny artykuł, który mówi o Micro Frontendach z różnych perspektyw, poczynając od tego czym są, po co się wykorzystuje, jakie są wady, zalety itd.

Ale tutaj też są pewne case study wymienione, na które chciałem zwrócić uwagę. Na przykład mamy tutaj wymienioną IKEA, która przeszła na Micro Frontendy i to co zauważyli to redukcja jeżeli chodzi o czas developmentu o 50% i 75% redukcja w ładowaniu czasu. Podobnie LEGO też jeżeli chodzi o czas developmentu spadł do 30%, a jeżeli chodzi o czas ładowania to 40%. Jakiś komentarz? Tak, ja jestem bardzo zaskoczony, bo jeśli pracowaliście z mikrofrontendami, to wcale nie jest takie oczywiste, że może spaść load time, bo raczej mikrofrontendy kojarzą się z dokładnie przeciwną stroną, czyli jeśli mamy setup, gdzie mamy na przykład kilka frameworków i nie mamy ogarniętego performance'u, to możemy tutaj bardzo mocno szorować po dnie.

I to jest dla mnie bardzo ciekawa w sumie statystyka, bo spodziewałem się, że będzie właśnie w drugą stronę, czyli że ok, czas developmentu, no bo to jest jakby główny goal tego, żeby mieć Micro Frontendy, ale żeby performance podbić Micro Frontendami. Wydaje mi się, że ten split dość mocny pozwala na przynajmniej ten initial load tak pociągować go mocno i tak podzielić aplikację, żeby to uzyskać. No właśnie pytanie, czy w takim razie ta aplikacja nie jest tak pokombinowana ze sobą i tak bardzo mocno zależna od siebie i tych wszystkich czanków? Że tam jeszcze, wiesz, masz wersję tych czanków i jeśli to są niezależne Micro Frontendy, no to się może rozjechać, no to w takim razie kilka Micro Frontendów ładuje kilka wersji czanków, no i dlatego ta statystyka jest tym bardziej zaskakująca.

Potencjał jest, ale cię jeszcze bardziej zaskoczę, bo tutaj w następnym artykule, który... W zasadzie ten artykuł jest powodem, dla którego ten odcinek robimy, bo spodobały mi się dość mocno te statystyki, które tu są, a ufam im, bo to jest McKinsey. McKinsey to jest jedna z większych firm konsultingowych na świecie. Więc ten artykuł generalnie porusza temat, jak można zmaksymalizować wartość Customer Experience przy modernizacji Frontendu na Micro Frontendy. No i tutaj jest pierwsza informacja, która do nas jest rzucona, to jest to, że poprzez transformację do Micro Frontendów udało się poprawić produktywność od 30% do 50%.

Czyli bez dodawania capacity, no to trochę się pokrywa z tym coś w IKEA. Czyli nie musimy zatrudniać więcej stażystów, tylko wystarczy ich skończona liczba. I understand nothing. To, co tutaj też jest w pierwszym zdaniu, to jest to, że warto mieć solidny governance, czyli to jest to, na co też akurat przy naszym dewelopmencie zwróciliśmy uwagę, że bez solidnego pokierowania Micro Frontendy i dodatkowo solidnego nadzoru nad Micro Frontendami, można bardzo szybko się rozjechać i mieć problemy

Właśnie może słówko o tym governance, czym to w tych mikro frontendach jest, że to właśnie jest tak jak powiedziałeś, że jeśli dajemy możliwość deweloperom, że możecie robić teraz co chcecie, bo macie mikro frontendy, to nie znaczy, że powinniście. To bardzo często oznacza, że możecie robić, ale w jakichś ramach i ten governance te ramy Kształtuje. Kształtuje, dokładnie. Czyli wtedy mamy... No i dodatkowo też mamy pewną kontrolę nad tym, co wchodzi, kiedy wchodzi na produkcję. Ta niezależność też ma swoje wady i wydaje mi się, że te wady są dość dobrze adresowane właśnie przez ten governance model. Ale co jeszcze chciałem dodać? Oczywiście mamy tutaj informację o tym, że build i deploy spadł z dni na minuty.

A nadal w Enixie i w Monorepo są takie miejsca, które po prostu zmienisz tam przecinek, no i czekasz po prostu 4 godziny, żeby się ten przecinek pławił na jakimkolwiek środowisku, a co dopiero dojść do produkcji, więc no to zależy wszystko od tego, jak te Micro Frontendy są ustrukturyzowane, ale na pewno jeśli dzielimy sobie to na takie poszczególne mikro aplikacje, no to ewidentnie będą się po prostu budowały szybciej. Mamy wzrost z 30 do 50, jeżeli chodzi o szybkość dostarczania. To było na początku wspomniane, ale też i to, że mamy performance, który wzrasta. Czyli znowu tutaj podkreślają, że wzrasta im performance. A jeszcze na dodatek dopowiem, że mamy tę technologię, która jest Industry Agnostic.

Tak ładnie to brzmi. To znaczy, że nieważne czy masz e-commerce, masz bankowość, automotive, to to powinno pasować. Polecam bardzo mocno ten artykuł, bo tutaj można się wiele rzeczy fajnych dowiedzieć. My lecimy dalej, bo czas leci. Mam dodatkowy artykuł, który mówi o transformacji. Czyli troszeczkę więcej o tym, jak jedna organizacja przeszła z Monolithu na Micro Frontendy. No i tutaj to, co ciekawe, oni odrysują tylko dwa problemy. Tylko. Tylko dwa, tak. Czyli UI, UX consistency, czyli Generalnie jak już zaczęli iść te Micro Frontendy i te Micro Frontendy dojechały do produkcji, to się okazało, że po jakimś czasie mieli dość spore rozjazdy UX-owe.

No, adresują to poprzez Design System, co jest zrozumiałe. No jasne, tak. I oczywiście współdzielenie jakichś bibliotek pod ten design, tak. A drugi problem, który tam mają, to jest... No właśnie ten deployment, że cały setup deploymentu, czyli ten DevOps jest po stronie tych zespołów. I teraz musisz mieć ten know-how nie po stronie powiedzmy jednego zespołu, tylko tyle zespołów ile masz, tyle musisz mieć osób, które potrafią w DevOps. No tak, bo jeśli mamy te Micro Frontendy tak mocno odseparowane, no to faktycznie trzeba mieć pełne kompetencje w danym zespole, które rozwija taki Micro Frontend, a to też coś oznacza dla organizacji.

Dokładnie. I to jest właśnie ciekawe, że my też to zauważyliśmy, bo teraz przechodzimy z Monorepo na Multirepo z Micro Frontendami i też to zauważyliśmy jeszcze zanim na to przyszliśmy. Jednak nie widzimy w tym aktualnie dużego problemu, A wydaje się, patrząc na ten artykuł, że to może być jeden z większych, tak? Więc też taka nauczka i może jakieś takie... Przestroga raczej. Przestroga właśnie, sorry, nie nauczka, przestroga dla nas. Tak, polecam też oczywiście ten artykuł i Jakub, jakbyś zauważył, zobacz ile polecałeś. To się nie liczy. Tak się nie robi. Dobra, następna rzecz, bardzo ciekawa. Jak wspomniałem na początku, Trafiłem na dwa artykuły naukowe o Micro Frontendach.

Autor tego artykułu... Nawet dwóch. Nawet dwóch, tak. Autor tego artykułu stworzył bundler, który jest builder agnostik. To znaczy, że w tej chwili orkiestracja naszych paczek, które dostarczamy z hosta, czyli z naszego shell'a, czyli z naszej aplikacji, która serwuje inne Micro Frontendy, Za to odpowiada jakieś narzędzie typu Module Federation. I żeby to działało, musimy mieć w build time, w compile'u, tak? Musimy w compile'u mieć odpowiednią konfigurację. To, co ten artykuł adresuje, to jest to, że próbują odejść od tego, żeby wymuszać konkretny kompilator, konkretne konfiguracje i konkretny builder na rzecz tego, żeby można było użyć dowolny, a orkiestrator sobie mógł nad tym zapanować.

No troszeczkę popłynąłem, ale jakoś się wybroniłem. Ja zrozumiałem. No to trochę bardziej takie trudniejsze. Generalnie co chciałem powiedzieć, że to jest dobry znak, że są artykuły naukowe o Micro Frontendach. Wiesz, jakbym ja teraz robił magisterkę, to też bym pisał o Micro Frontendach. Bardzo prawdopodobne, że ja też. Me too, bro, me too. Szczególnie jak oni już pracują z tym, no to wiesz. No właśnie. Drugi artykuł mówi o tym, jakie są ogólne wady, zalety transformacji do architektury mikrofrontendowej. I tylko to, co chciałem wspomnieć, to outcome tego artykułu, czyli konkluzja i podsumowanie mówi o tym, że tak, że tam jest potencjał, ale deweloperzy tak trochę

No troszkę są sceptyczni. Podchodzą jak do jeża. Więc jest tam sporo complexity, jest tam sporo jakichś nierozwiązanych jeszcze problemów i z tym wszystkim się zgadzam. Więc wejście w Micro Frontend to powinna być zawsze bardzo, bardzo, bardzo ostrożna sprawa. Mariusz Max Kolonko mówi jak jest Nowy Jork. Przejdźmy teraz do nowych narzędzi, na które trafiłem. Pierwsze narzędzie to jest MicroLC. Jest to narzędzie, o którym nie mam zielonego pojęcia czym on jest. I to jest w ogóle bardzo ciekawe, że to MicroLC ma 285 pobrań Jak ty na to trafiłeś, to ja nie wiem. To było w jednym z artykułów. I to jest w ogóle bardzo ciekawe, że coś takiego istnieje.

Dlaczego w ogóle mówię o tych narzędziach? Jak robiłem research ostatnim razem, research pod POC, które robiliśmy, to byłem zmuszony do tego, żeby zapoznać się z tym, co jest dostępne, by wiedzieć, co najbardziej nam będzie pasować. I po prostu mam nadzieję, że komuś to się przyda, bo będzie wiedzieć, które narzędzia sobie sprawdzić. Niestety, tak jak powiedziałem, nie jestem w stanie wejść głębiej i powiedzieć coś więcej na ten temat, bo to każdy pewnie narzędzie wymagałoby oddzielnego odcinka, żeby to jakoś przejść przez to sensownie. Pewnie tak. Ale chciałem po prostu o tym wspomnieć. Nie są mocno używane, tak jak widzicie, ten QAnQ troszeczkę bardziej. Na pewno trzeba być ostrożnym przy wybieraniu czegoś na Micro Frontendy, bo jeśli budujemy już jakąś taką platformę z Micro Frontendami, to bardzo duża szansa, że się z tym ożenimy na parę ładnych lat.

Niemniej oczywiście ten link też będziecie mieć dla siebie. No i teraz ta niespodzianka. Tak, czyli mówiłem, że będzie jakaś niespodzianka, a niespodzianka jest taka. Jeżeli wy zbieracie się i myślicie o tym, żeby używać Micro Frontendów, to proszę was, nie róbcie tego. What? Nie róbcie tego, przynajmniej, przynajmniej, nie róbcie tego bez głębszej analizy. I jak będziecie chcieli to robić, to zapraszam Was na naszą stronkę, gdzie możecie sobie zrobić taką ankietę i zobaczyć, czy to już jest czas, najwyższy czas na to, żeby tę Micro Frontendy u siebie wdrożyć. Nie powinniśmy tego postawić jakoś pod naszą domeną, czy coś? Opie, szef z bez butów chodzi. No właśnie. Zresztą domeny teraz nie widać, to jeszcze się zmieni, także...

Dobra. Czy twoja aplikacja musi być dobrze zindeksowana przez uszukiwarki SSR, usługiwać SSR? Nie wiem, no dobra, jeśli faktycznie, no nie, nie, tak sobie myślę teraz o Zalando, no jeśli oni używają Micro Frontendów czy Allegro, no to jednak są pod SEO. U nas, nie, SEO się nie liczy na szczęście. Aplikacja tylko dla zalogowanych. Tak. Jak oceniasz swoje doświadczenie z architekturą MFE? Młodzień Federation Singles PA i TP. Mam doświadczenie i wiem, co robię. Teoretycznie wiem, ale nie wdrażałem. Brzmi jak kosz mordowiowców. Mam doświadczenie, nie mam pojęcia, co robię. Nie ma takiej opcji. Jesteśmy akurat całkiem doświadczonym zespołem jeśli chodzi o Micro Frontendy. Też mi się tak wydaje. Nie możemy narzekać.

No dobrze, i co tam więcej? Jest potencjał do MFI, ale tylko jeśli planujesz duże zespoły, długi cykl życia aplikacji i silną potrzebę skolewania niezależnych domen. W innym wypadku to overengineering. No i co o tym myślisz? Ja się akurat z tym zgadzam i gdybyśmy mieli troszkę więcej resource'ów na to, żeby te... Testy automatyczne wdrożyć i Crankbase, i Cloud Owners. Myślę, że dalibyśmy radę bez oddzielnych repo. Ale to też jest co innego, nie? Monorepo to już jest multirepo, więc... Dalej Micro Frontendy jakby są podstawą tej naszej... Takich jasnych granic, prawda? Tak, my tutaj mamy jeszcze inne rozagwostki.

Dokładnie. Bo Micro Frontendy już są. Tu oczywiście są te odpowiedzi, które można sobie przejrzeć, ale co jeszcze jest, to możecie sobie zobaczyć oczywiście progi rekomendacji tutaj, czyli żeby nie przechodzić tam różnych i nie sprawdzać, jak by wyglądały inne odpowiedzi, no to możecie sobie przeczytać różne nasze rekomendacje dla poszczególnych rzeczy. I tak, zachęcamy do zrobienia tego przed przystąpieniem do pracy z Micro Frontendami. I podzielcie się wynikami w takim razie w komentarzu. Jeśli ktoś zrobi ten test, to dajcie znać. Bo to by już dużo znaczyło, jeśli ktoś dotrwał do tego momentu, zrobił jeszcze test, to będzie nam bardzo miło, że się podzieli tym wynikiem w komentarzu. To niemożliwe. Jeszcze napisał nam komentarz. To wymaga dużo pracy. Wiem, że proszę o dużo.

Jak to się mówi, łeb jak sklep, gość wie o czym mówi, robi research, no i wydaje mi się, że warto czasem tam przejrzeć te litery, nawet mi się udaje raz na jakiś czas, nie mówię serio, naprawdę, z tych wszystkich, wiesz, miejsc, gdzie jestem zapisany, to jest naprawdę wyjątkowe miejsce, gdzie naprawdę czasem przeczytam jego artykuł, także polecam. No, super. Też polecam, jestem zapisany. Ja mam z newsletterami taką dziwną relację. Czasami wracam, czasami odchodzę. To tyle w tym odcinku. Mam nadzieję, że coś z tego wam się przyda. Tak wygląda stan rzeczy w 2025 roku, jeżeli chodzi o Micro Frontendy.

Czyli dalej się dzieje, dalej się ta technologia rozwija. Może nie tyle technologia, co podejście, bo technologii dookoła tego jest jeszcze dużo. A myślę, że w najbliższych czasach, kiedy będziemy coraz bardziej skalowali i przyspieszali ten development tym AI-em, to... No bo AI musiało tu paść. No musiało, musiało tu paść ewidentnie w każdym odcinku, więc... No tak, no, Micro Frontendy, nie ma się czego bać, ale na pewno warto zrobić sobie jakieś POC, jakiś proof of concept w domu, poćwiczyć, potrenować i nie wskakiwać od razu, bo... Chłopaki mówili, że to fajne, to robimy teraz w projekcie. Nie, nie, nie. To się z czymś wiąże i naprawdę trzeba wiedzieć, że się tego chce albo że to jest potrzebne. Potrzebne właśnie, bo chcenie to wiesz, to ty możesz chcieć na wakacje.