Mentionsy
Subiektywny Frontend
Subiektywny Frontend
13.10.2025 13:30

Składamy frontend z wielu mikrofrontendów. Module Federation czy Web components?

Odcinek opublikowany 02.04.2024


Czy myślałeś o tym dlaczego mikrofrontendy stały się tak popularne?


W tym odcinku odkrywamy czym są mikrofrontendy, jak różnią się od mikroserwisów, dlaczego są ważne w nowoczesnym tworzeniu aplikacji.


Dodatkowo odpowiemy sobie na pytanie po co i kiedy je stosować - czyli "a komu to potrzebne?"


Omawiamy też ich rozwój, jak się je rozwija za pomocą dostępnych frameworków i narzędzi i jakie są kluczowe aspekty do efektywnego zarządzania.


To wszystko i jeszcze więcej w tym odcinku, więc grzej popcorn i wciskaj play!


Wspomniane artykuły, frameworki i narzędzia:

Mikrofrontendy na blogu Martina Fowlera: https://martinfowler.com/articles/micro-frontends.html

Atomowy mikrofrontentend od bit.dev: www.bit.dev

Module Federation: https://webpack.js.org/concepts/module-federation/

Single-Spa: https://single-spa.js.org/


Polecajki:

Get Things Done: https://lubimyczytac.pl/ksiazka/4805605/getting-things-done-czyli-sztuka-bezstresowej-efektywnosci-wydanie-ii

Allegro BFF Monorepo Backend for Frontend BFFy CQB Davida Allena Enix Kuba Pawlak Martina Fowlera PGE Single Page Application Subiektywnego Frontendu Twitterze Web

Szukaj w treści odcinka

Wyczyść
Znaleziono 16 wyników dla "Web"

Mikrofrontendy są to aplikacje webowe, które są rozwijane oddzielnie, ale serwowane razem jako jedna aplikacja webowa.

Mówimy tutaj o aplikacji webowej.

Frontend, czyli aplikacja webową, która jest rozwijana w ramach jednej domeny i dostarcza jakąś funkcjonalność, ale jest uruchamiana w ramach jednej dużej aplikacji webowej.

Czyli wspomniany artykuł pokrywa też sposoby kompozycji mikrofrontów, no bo możemy, tak jak Allegro, sklejać to na stronie, po stronie serwera, albo możemy też to robić w runtime, czyli możemy po prostu sklejać to przez webową naszą stronę, a raczej aplikację, no bo jeśli mamy stronę, to ona nie skleja.

Czyli mamy przynajmniej serwerowe i webowe, runtime'owe.

Dobra, czyli Enix po prostu korzysta, ale dalej to jest Webpack.

Czyli mamy Webpacka, który ma Module Federation.

W piątce Webpacka wszedł Module Federation i ten Module Federation pozwala

No właśnie, web komponenty.

I to jest moim zdaniem super fajna rzecz, bo web komponenty pozwalają nam zamykać nasze funkcjonalności po prostu w takich reużywalnych komponentach, które sprowadzają się później do customowych...

Angular Elements to jest taka implementacja pod Angular'a dla Web componentów.

I wtedy... To jest wewnątrz web componentu.

Tak, wewnątrz web componentu, czyli on jakby mapuje importy.

Ja z tymi web komponentami pracowałem, było fajnie, ale jest jedno ale, mianowicie routing, czyli one nie wspierają routingu, no bo są...

Ok, ale miałeś ten routing na poziomie web componentu też?

Miałeś jakąś komunikację, czy to były takie standalone web komponenty?

Ostatnie odcinki