Tworzenie aplikacji z użyciem React
Czas trwania szkolenia:3 dni (24h)
Kod kursu:REACT
Poziom zaawansowania:
O szkoleniu Tworzenie aplikacji z użyciem React
W cenie otrzymasz:
- Materiały szkoleniowe
- Certyfikat ukończenia szkolenia
- W przypadku szkolenia w trybie stacjonarnym zapewnimy Ci również lunch oraz sprzęt niezbędny do nauki
Dla kogo?
- Szkolenie "Tworzenie aplikacji z użyciem React" przeznaczone jest dla programistów posiadających podstawową wiedzę w zakresie HTML i JavaScript, którzy chcą poszerzyć swoje kompetencje związane z tworzeniem wydajnych aplikacji działających po stronie przeglądarki
Wymagania
- Praktyczna umiejętność programowania w języku JavaScript / TypeScript
- Podstawowa wiedza z zakresu HTML i CSS
Zalety
- Szkolenie stanowi kompleksowe wprowadzenie do biblioteki React i architektury Redux z naciskiem na ich poprawne zastosowanie
- Szkolenie "Tworzenie aplikacji z użyciem React" prowadzone jest w formie warsztatu, w ramach którego realizowany jest jeden duży projekt
Cele szkolenia
- Zapoznanie z założeniami biblioteki React oraz architekturą Redux
- Zdobycie praktycznych umiejętności pozwalających na wykorzystanie biblioteki React do budowy aplikacji internetowych
Program
Wprowadzenie
- Charakterystyka i zasada działania biblioteki
- JavaScript / TypeScript - powtórzenie elementów istotnych w kontekście biblioteki React
- Idea Virtual DOM
- Konfiguracja środowiska i omówienie wykorzystywanych narzędzi deweloperskich
Podstawy React
- Wprowadzenie do składni JSX
- Tworzenie, konfigurowanie i renderowanie komponentów
- Zarządzanie stanem i jego współdzielenie
- Obsługa zdarzeń
- Cykl życia komponentów
- Debugowanie błędów i rozwiązywanie problemów
React Hooks
- Omówienie mechanizmu działania hooków
- Dobre praktyki Hooks i typowe pułapki
- Niemutowalne zarządzanie stanem z useState i useReducer
- Przykłady prawidłowego użycia useEffect w StrictMode
- Praca z mutowalnym stanem z useRef - dobre praktyki
- Optymalizacja wydajności dzięki hookom useMemo, useCallback, itp.
React w praktyce
- Budowanie złożonych widoków
- Stylowanie - przegląd rozwiązań, implementacja motywów
- Praca z formularzami
- Routing
- Dobre praktyki
- Komunikacja z backend
- Strategie zarządzania stanem
Praca z wybranym mechanizmem zarządzania stanem aplikacji
- React Context
- Redux Toolkit Store (opcja)
- MobX Observable (opcja)
- Przegląd alternatyw
Testowanie (opcja)
- Konfiguracja jest/vitest z Testing Library
- Przykłady użucia selektorów RTL
- Mockowanie zale żności z jest
- Kiedy i co testować - omówienie