- Problemy podstawowego stylowania
- CSS modules
- CSS in JS (styled-components)
- Theming
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.
Dla kogo jest szkolenie z React Advanced?
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.
Program szkolenia
Dzień 1
Stylowanie
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
Formularze
- react-hook-form (podstawy, walidacja, reagowanie na zmiany, dynamiczne pola)
- weryfikacja schematu w oparciu o TypeScript (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
- Centralized vs Distributed (Context vs Redux)
- Render props
- Children props
- Higher order component
- Custom hooks
- Pub-Sub
Ulepszenia do Redux
- jak działa middleware
- tworzenie własnych middleware
- redux-saga
Pobierz program
Pobierz szczegółowy program w PDF, żeby dowiedzieć się więcej o godzinach i tematach zajęć.
