Tworzenie aplikacji z użyciem ReactJS
LICZBA DNI: 3 (24h)
KOD KURSU: REACT
Zapisz się na szkolenie
Dostosowany program 
O szkoleniu
DLA KOGO?
Kurs przeznaczony 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
Rozeznanie w podstawach programowania w JavaScript lub innym języku skryptowym
Podstawowa wiedza dotycząca języka HTML i CSS
ZALETY
Szkolenie w maksymalnym stopniu nastawione jest na aspekt praktyczny
Jego głównym założeniem jest rozwinięta część warsztatowa obejmująca zarówno budowę niezależnego projektu jak i stworzenie pojedynczych komponentów możliwych do wykorzystania w ramach projektów opartych o inne frameworki
Cele szkolenia
Zapoznanie uczestników z założeniami, na których oparta jest biblioteka React oraz architektura Redux
Zdobycie praktycznych umiejętności związanych z wykorzystaniem tych narzędzi do budowy wydajnych aplikacji webowych
Program
Wprowadzenie
- Czym jest React i jakie problemy rozwiązuje?
- Omówienie ekosystemu i narzędzi
Struktury JavaScript w aplikacjach React
- Programowanie funkcyjne z ECMAScript 5
- Wstęp do ECMAScript 2015+
- Przydatne konstrukcje (fat arrows, destructuring, rest parameters, ...)
- Transpilacja nowych wersji ECMAScript
Narzędzia
- Praca z npm
- Transpilacja kodu (Babel)
- Webpack i Webpack Dev Server
Podstawy React
- Idea Virtual DOM
- JSX
- Składnia JSX
- Atrybuty HTML a właściwości komponentów
- React w JS vs React w JSX
- Komponenty React
- Komponenty funkcyjne i klasowe
- Tworzenie i renderowanie komponentu
- Dane w komponencie: props i state
- Praktyczne różnice między właściwościami a stanem
- Walidacja właściwości - PropTypes
- Przekazywania właściwości kolejnym komponentom
- Obsługa zdarzeń
- Komponenty prezentacyjne, kontrolne i HOC
- Komponenty klasowe
- Cykl życia komponentu
- Praktyczne zastosowania poszczególnych etapów cyklu życia
- Komponenty funkcyjne
- Prowadzenie do hooks
- Zastosowania poszczególnych wbudowanych hooków
- Tworzenie własnych hooków
- Formularze
- Kontrolowane komponenty
- Uzyskiwanie referencji do komponentu
- Uzyskiwanie dostępu do obiektu DOM
- Praca z Formik
- Stylowanie
- Przegląd dostępnych rozwiązań
- CSS Modules
- styled-components
- Optymalizacja aplikacji dla produkcji za pomocą Webpack
- Routing
- Statyczne ścieżki
- Dynamiczne ścieżki
- Zagnieżdżenia
- Komponent <Link/>
- Obsługa błędów
- Dobre praktyki
Redux - zarządzanie stanem aplikacji
- Omówienie architektury
- Modelowanie stanu
- Reducers
- Łączenie Reacta z Reduxem
- Actions i action creators
- Metody implementacji niemutowalnych zmian
- Kiedy Redux a kiedy Context?
- Praca z Redux Dev Tools
MobX
- Omówienie architektury
- Praktyczne zastosowania
- Porównanie z Redux
Testowanie*
- Wprowadzenie do TDD w JavaScript
- Struktura testów jednostkowych
- Praca z Jest
- Możliwości React Testing Library
Szkolenia powiązane
