Frontend

Szkolenie React Advanced

React to najpopularniejsza biblioteka JavaScript pozwalająca na tworzenie aplikacji dla przeglądarek, urządzeń mobilnych a także aplikacji desktopowych.

Czas trwania
24h / 3 dni · 3h
Zapytaj o program → Zobacz wszystkie
Dla kogo

Idealny dla zespołów, które…

1 Doświadczonych programistów React, którzy mają solidne podstawy w pracy z tą biblioteką i chcą rozwijać swoje umiejętności w zaawansowanych obszarach.
2 Frontend developerów, którzy pracują nad dużymi projektami i chcą poznać techniki optymalizacji oraz zaawansowanego zarządzania stanem.
3 Programistów korzystających z TypeScript, którzy chcą lepiej zrozumieć typowanie w kontekście Reacta.
Efekty po programie

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

✓

Poznasz zaawansowane techniki optymalizacji aplikacji, co pozwoli na szybsze i bardziej wydajne tworzenie oraz utrzymanie kodu.

✓

Nauczysz się korzystać z narzędzi i wzorców, które pomogą w tworzeniu bardziej czytelnego, skalowalnego i łatwiejszego do testowania kodu.

✓

Zdobędziesz umiejętności w różnych metodach zarządzania stanem aplikacji, co umożliwi lepsze dostosowanie aplikacji do konkretnych wymagań projektu.

✓

Poprawisz swoje umiejętności typowania, co pozwoli na bardziej precyzyjne i bezpieczne pisanie kodu.

✓

Poznasz narzędzia i biblioteki, takie jak react-query czy RxJS, co pozwoli na korzystanie z nowoczesnych rozwiązań w projektach.

✓

Nauczysz się walidacji danych i schematów z wykorzystaniem Zod oraz integracji z formularzami React.

✓

Poznasz nowoczesne podejście do pracy z danymi w aplikacjach React, w tym type-safe data fetching (REST i GraphQL) oraz React Relay.

Program · 8 modułów

Co konkretnie robimy

M01
Dzień 1 · Stylowanie
  • · CSS modules
  • · CSS in JS (styled-components)
  • · Theming
M02
Dzień 1 · Typescript
  • · Typowanie natywnego DOM i Reactowych zdarzeń
  • · Typowanie interfejsu komponentów
  • · Typowanie kodu zarządzającego stanem
  • · Type vs interface,
  • · Generyczne typy
  • · Unknown, void i never
  • · Type guards
M03
Dzień 1 · Zod
  • · walidacji schematów typu TypeScript
  • · weryfikacja danych po stronie frontendu
M04
Dzień 1 · Formularze
  • · react-hook-form (podstawy, walidacja, reagowanie na zmiany, dynamiczne pola)
  • · weryfikacja schematu w oparciu o schemat (zod) oraz jego użycie w formularzach
M05
Dzień 2 · Dodatkowe pakiety
  • · react-query (query, mutacje, optymalizację zapytań)
  • · internacjonalizacja przy użyciu react-i18next
M06
Dzień 2 · React reconciliation i optymalizacje
  • · React diffing algorithm (algorytm porównania)
  • · klucze
  • · dzielenie kodu (React.Suspense, React.lazy)
  • · optymalizacje renderowania (memo hooks, ref)
  • · dev tools profiler
  • · useEffect vs useLayoutEffect
M07
Dzień 3 · Zarządzanie stanem - przegląd różnych koncepcji
  • · Centralized vs Distributed (e.g.: Context vs Redux)
  • · Render props
  • · Children props
  • · Higher order component
  • · Custom hooks
  • · Pub-Sub
M08
Dzień 3 · Type-safe pobieranie danych
  • · GraphQL vs REST
  • · wprowadzenie do graphql
  • · wprowadzenie do react-relay
Każdy moduł modyfikujemy pod Twój stack i kontekst. Powyższe to punkt wyjścia — nie sztywna agenda.
Jak pracujemy

Od briefu do retro w 30 dniach.

01

Brief i diagnoza

Rozmowa z liderem zespołu + krótka ankieta dla uczestników. Określamy cele, gap, kontekst.

02

Modyfikacja programu

Dostosowujemy moduły, case studies i przykłady kodu pod Twój stack. Akceptacja w 5 dni.

03

Warsztat

Sesje z trenerem, hands-on, code review. Mentor dostępny też pomiędzy sesjami.

04

Retro + raport

Raport z efektami dla zespołu i lidera. 30 dni konsultacji w cenie.

Zapytanie

Wyślij brief. Odezwiemy się w 1 dzień.

Po krótkim briefie przygotujemy program i wycenę. Bez zobowiązań — to tylko punkt wyjścia do rozmowy.

✓Wycena w 48h od briefu
✓Pierwsza sesja w 30 dni
✓Pilotaż przed pełną decyzją
✓Faktura VAT, możliwość płatności w transzach

Ochrona antyspamowa (Cloudflare Turnstile) zostanie aktywowana po wpięciu klucza.

Inne programy dla zespołów

Zobacz wszystkie →
Frontend

Szkolenie Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

40h / 5 dni →
Frontend

Szkolenie Aplikacje Full-stack z NestJS i Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

32h / 4 dni →
Frontend

Szkolenie Aplikacje Node i ExpressJS z TypeScript

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

24h / 3 dni →