Technologie / Programowanie

Budowa mikro-frontendów z React

Szkolenie wprowadza uczestników w świat architektury mikro-frontendów z wykorzystaniem React. Podczas zajęć uczestnicy poznają praktyczne aspekty projektowania, implementacji i integracji niezależnych mikro-frontendów. Program realizowany jest w formie warsztatów, gdzie teoria jest natychmiast przekładana na praktykę poprzez budowę rzeczywistych komponentów i aplikacji. Metodyka szkolenia opiera się na iteracyjnym podejściu do nauki, gdzie każdy moduł kończy się praktycznym projektem.

Dlaczego warto wybrać to szkolenie?

Architektura mikro-frontendów odpowiada na wyzwania związane ze skalowaniem dużych aplikacji webowych, umożliwiając niezależny rozwój i wdrażanie modułów przez różne zespoły. To trzydniowe szkolenie wprowadza architektów frontend i programistów React w świat rozproszonych aplikacji webowych. Poznasz koncepcje i zasady dekompozycji aplikacji monolitycznych na niezależne mikro-frontendy, strategie ich integracji oraz wzorce komunikacji między modułami. Program obejmuje praktyczne aspekty implementacji z wykorzystaniem React – techniki łączenia mikro-frontendów, routing i nawigację, współdzielenie stanu oraz zarządzanie zależnościami. Szczególny nacisk kładziemy na optymalizację wydajności w aplikacjach rozproszonych, strategie deploymentu, monitorowanie, debugowanie oraz zarządzanie wersjami. Każdy moduł kończy się praktycznym projektem, który ilustruje poznane koncepcje.

Co wyróżnia nasze podejście?

W EITT specjalizujemy się w zaawansowanych szkoleniach architektonicznych, które przygotowują uczestników do pracy przy dużych projektach webowych. Nasze programy, opracowane przez 500+ ekspertów z doświadczeniem w 2500+ szkoleniach, łączą teoretyczne podstawy z intensywnymi warsztatami. Trenerzy prowadzą zajęcia w formie iteracyjnej, gdzie każdy koncept jest natychmiast implementowany w kodzie. Pracujesz na rzeczywistych scenariuszach, projektujesz architekturę dla konkretnych przypadków użycia i rozwiązujesz problemy typowe dla aplikacji rozproszonych. Program obejmuje code review, analizę wzorców stosowanych w produkcji oraz dyskusje o trade-offach różnych rozwiązań. Po szkoleniu otrzymasz dostęp do repozytorium z przykładami, dokumentacją architektoniczną oraz wsparcie przy projektowaniu mikro-frontendów w Twoim projekcie.

To szkolenie jest częścią ścieżki:

Frontend Developer

Korzyści

Uczestnik zdobędzie umiejętność projektowania i implementacji skalowalnych aplikacji opartych o architekturę mikro-frontendów
Nauczy się efektywnie zarządzać komunikacją między niezależnymi modułami frontend
Opanuje techniki optymalizacji wydajności w rozproszonych aplikacjach webowych
Będzie potrafił wdrażać i utrzymywać systemy oparte o mikro-frontendy
Zdobędzie praktyczną wiedzę o wzorcach projektowych stosowanych w architekturze mikro-frontendów
Pozna najlepsze praktyki związane z deploymentem i monitorowaniem aplikacji rozproszonych

Dla kogo jest to szkolenie?

Architekci frontend odpowiedzialni za projektowanie złożonych aplikacji

Programiści React pracujący przy dużych projektach webowych

Liderzy zespołów technicznych zainteresowani skalowaniem aplikacji

Frontend developerzy chcący poznać architekturę mikro-frontendów

Inżynierowie oprogramowania specjalizujący się w aplikacjach rozproszonych

Technical lead poszukujący rozwiązań dla skalowalnych aplikacji webowych

Wymagania wstępne

Zaawansowana znajomość React i ekosystemu
Doświadczenie w projektowaniu aplikacji webowych
Znajomość wzorców projektowych w JavaScript
Rozumienie koncepcji aplikacji rozproszonych

Program szkolenia

Porównanie z monolitami

Wyzwania i ograniczenia
Projektowanie mikro-frontendów
Strategie dekompozycji aplikacji
Komunikacja między modułami
Zarządzanie współdzielonymi zasobami

Implementacja i integracja
Techniki łączenia mikro-frontendów

Współdzielenie stanu
Zarządzanie zależnościami
Wdrażanie i utrzymanie

Monitorowanie i debugowanie
Optymalizacja wydajności
Zarządzanie wersjami

Formy realizacji

Online

Wygoda uczestnictwa z dowolnego miejsca
Interaktywne sesje na żywo z trenerem
Materiały dostępne przez 30 dni
Brak kosztów dojazdu

Stacjonarnie

Bezpośredni kontakt z trenerem i grupą
Intensywne warsztaty praktyczne
Networking z innymi uczestnikami
Pełne skupienie na nauce

Tematy szkolenia

Najczęściej zadawane pytania

Jakie są wymagania wstępne do udziału w szkoleniu?

Do udziału w szkoleniu Budowa mikro-frontendów z React zalecamy: Zaawansowana znajomość React i ekosystemu; Doświadczenie w projektowaniu aplikacji webowych; Znajomość wzorców projektowych w JavaScript.

W jakim formacie i jak długo trwa szkolenie?

Szkolenie trwa 3 dni i jest dostępne w formacie online oraz stacjonarnym. Zajęcia prowadzone są w godzinach 9:00-16:00. Możemy również dopasować harmonogram do potrzeb Twojego zespołu.

Dla kogo przeznaczone jest to szkolenie?

Szkolenie jest skierowane do: Architekci frontend odpowiedzialni za projektowanie złożonych aplikacji; Programiści React pracujący przy dużych projektach webowych; Liderzy zespołów technicznych zainteresowani skalowaniem aplikacji.

Jakie strategie integracji mikro-frontendów są omawiane na szkoleniu?

Szkolenie obejmuje kluczowe strategie integracji, w tym Module Federation (Webpack 5), single-spa, iframe-based isolation oraz Server-Side Composition. Uczestnicy poznają zalety i wady każdego podejścia, uczą się wybierać odpowiednią strategię w zależności od wymagań projektu oraz implementują komunikację między mikro-frontendami za pomocą Custom Events i shared state.

Czy po szkoleniu z mikro-frontendów React otrzymam materiały implementacyjne?

Tak, uczestnicy otrzymują kod źródłowy mikro-frontendów zbudowanych podczas warsztatów, szablony konfiguracji Module Federation oraz dokumentację wzorców komunikacji. Materiały obejmują również konfiguracje CI/CD dla niezależnego wdrażania poszczególnych mikro-frontendów.

Dlaczego warto wybrać szkolenie w EITT?

EITT prowadzi zaawansowane szkolenia z architektury front-endowej, w tym mikro-frontendów z React, oparte na doświadczeniu z dużych projektów. Nasz zespół to ponad 500+ ekspertów, a szkolenia realizujemy zgodnie z certyfikatem ISO 9001. Chętnie dostosujemy program do architektury i skali Twojej aplikacji — zapraszamy do kontaktu.