Szkolenie React Advanced
Poziom
ŚredniozaawansowanyCzas
24h / 3 dniTermin
IndywidualnieCena
IndywidualnieSzkolenie React Advanced
React to najpopularniejsza biblioteka JavaScript pozwalająca na tworzenie aplikacji dla przeglądarek, urządzeń mobilnych a także aplikacji desktopowych. Dzięki nieskomplikowanemu API React jest biblioteką z grupy „łatwe do nauczenia, ale trudne do opanowania”. W związku z zwiększającą się popularnością biblioteki coraz więcej dodatkowych pakietów została stworzonych usprawniających pracę z React. Szkolenie skupia się na zaawansowanych technikach pracy z nowoczesnym ekosystemem React, w tym optymalizacji aplikacji, architekturze komponentowej oraz pracy z danymi w podejściu type-safe.
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.-
Frontend developerów, którzy pracują nad dużymi projektami i chcą poznać techniki optymalizacji oraz zaawansowanego zarządzania stanem.
-
Programistów korzystających z TypeScript, którzy chcą lepiej zrozumieć typowanie w kontekście Reacta.
Czego nauczysz się na szkoleniu z React Advanced?
-
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 szkolenia
Dzień 1
Stylowanie
- CSS modules
- CSS in JS (styled-components)
- Theming
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
Zod
- walidacji schematów typu TypeScript
- weryfikacja danych po stronie frontendu
Formularze
- react-hook-form (podstawy, walidacja, reagowanie na zmiany, dynamiczne pola)
- weryfikacja schematu w oparciu o schemat (zod) oraz jego użycie w formularzach
Dzień 2
Dodatkowe pakiety
- react-query (query, mutacje, optymalizację zapytań)
- internacjonalizacja przy użyciu react-i18next
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
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
Type-safe pobieranie danych
- GraphQL vs REST
- wprowadzenie do graphql
- wprowadzenie do react-relay
