- Wprowadzenie do narzędzi i opis środowiska (vite)
- Opis struktury folderów oraz wyjaśnienie jak działa React
- Tworzenie produkcyjnej wersji aplikacji
Szkolenie React
Poziom
PodstawowyCzas
32h / 4 dniTermin
IndywidualnieCena
IndywidualnieSzkolenie z React
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”. Podejście, w którym każdy element aplikacji jest komponentem pozwala na łatwe reużywanie kodu, rozwój aplikacji niezależnie przez wielu programistów oraz stopniową modernizację.
Dla kogo jest szkolenie z React?
Dla programistów tworzących strony internetowe, którzy chcą nauczyć się wykorzystywać React i nowoczesne wzorce JavaScript do tworzenia interaktywnych aplikacji internetowych.-
Dla osób, które chcą obrać nową ścieżkę kariery, lub znają już inne popularne biblioteki i chcą zwiększyć swoją szansę na rynku pracy.
-
Dla programistów, którzy uczyli się React na własną rękę, ale potrzebują uporządkowania wiedzy.
Czego nauczysz się na szkoleniu?
-
jak tworzyć interaktywne aplikacje wykorzystujące React
-
jak skutecznie komunikować się z backendem w celu pobrania i przesłania danych
-
jak połączyć React z popularnymi bibliotekami do routingu, zarządzania stylami
-
jak pisać testowalne i łatwe do utrzymania aplikacje
Program szkolenia
Dzień 1
Wstęp
Podstawy renderowania
- Wprowadzenie do JSX
- Definiowanie komponentów
- Renderowanie warunkowe
- Renderowanie kolekcji
- Obsługa zdarzeń
Stylowanie
- Podstawowe stylowanie i jakie są jego problemy
- CSS modules
- Wprowadzenie do CSS in JS (styled-components)
Dzień 2:
Podstawy zarządzania stanem
- React hooks (state, effect)
- Zarządzanie lokalnym stanem komponentu
- Cykl życia komponentu
Formularze
- Obsługa formularzy poprzez komponenty kontrolowane
- Podstawy react-hook-form
Zdarzenia asynchroniczne
- Obsługa zdarzeń asynchronicznych (komunikacja z REST API poprzez fetch API)
- Wprowadzenie do react-query
Praca z wieloma komponentami
- Routing (react-router-dom)
- Kompozycja komponentów w drzewie Virtual DOM
- Komunikacja między komponentami poprzez props
- React context
Dzień 3
Statyczne typowanie
- Iteracyjne wprowadzanie kodu TypeScriptowego
- Wprowadzenie do Typescript
- Typowanie zdarzeń
- Typowanie interfejsu komponentów
- Typowanie kodu zarządzającego stanem
- Rozwiązywanie problemów z nieotypowanymi bibliotekami w TypeScript
Architektura aplikacji oraz podsumowanie podstaw Reacta
- Przegląd praktyk związanych ze strukturą modułów w projekcie
- Stworzenie aplikacji zawierającej poznany materiał
Dzień 4
Redux i zarządzanie stanem poza komponentami
- Wprowadzenie do koncepcji Reduksa (state, action, reducer
- Globalne zarządzanie stanem z wykorzystaniem biblioteki Redux
Ulepszenia Reduksa
- Separacja warstw aplikacji z wykorzystaniem rozszerzeń Reduksa (thunk, saga)
- Jak radzić sobie z nadmiarowością kodu przy korzystaniu z Reduksa (redux-toolkit)
Testowanie
- Testy jednostkowe z wykorzystaniem biblioteki Jest i react-testing-library
- Testy integracyjne z wykorzystaniem biblioteki Cypress i cypress-testing-library
Pobierz program
Pobierz szczegółowy program w PDF, żeby dowiedzieć się więcej o godzinach i tematach zajęć.
