Plan Szkolenia
Tworzenie nowoczesnych aplikacji front-endowych
- Przegląd i podobieństwa między Reactem, Angularem i Vue.js
- Renderowanie deklaratywne
- Komponenty – definiowanie własnych znaczników HTML
- Inicjowanie projektu React za pomocą create-react-app
Nowoczesny JavaScript
- Programowanie z użyciem node.js i npm
- Wersje JavaScriptu
- Praca z modułami
- Funkcje i funkcje strzałkowe
- Klasy
- Programowanie funkcyjne w JavaScripcie (map, filter, ...)
TypeScript
- Typowanie statyczne a dynamiczne
- Deklarowanie typów zmiennych, funkcji i klas
- Podstawowe typy danych
- Krotki, obiekty
- Interfejsy
- Typy generyczne
Język szablonów Reacta
- Język szablonów oparty na JavaScripcie: JSX
- Ustawianie właściwości elementów
- Powtarzanie elementów
- if / else
- Zdarzenia
- Klasy i style CSS
Zarządzanie stanem w Reakcie
- Ustawianie i zmienianie stanu aplikacji
- Korzystanie z hooka stanu i setState
- Przechwytywanie zawartości elementów wejściowych w stanie
Komponenty: budulec nowoczesnych aplikacji webowych
- Definiowanie własnych znaczników HTML w Reakcie
- Stan, właściwości i zdarzenia
- Przepływ danych między komponentami
- Komponenty funkcyjne i klasowe
- Korzystanie z hooków w komponentach funkcyjnych
- Zdarzenia cyklu życia komponentu (montowanie, aktualizacja, odmontowywanie)
- Dołączanie gotowych komponentów z biblioteki
Zarządzanie stanem z Reduxem
- Podstawy Reduxa: zarządzanie stanem za pomocą czystych funkcji, reducerów i danych niemutowalnych
- Korzystanie z hooka reducera w Reakcie
- Integracja Reduxa z aplikacją React
- Komponenty prezentacyjne i kontenerowe
- Ekosystem Reduxa
- Obsługa zdarzeń asynchronicznych za pomocą Thunka
- Pobieranie danych z API REST
Narzędzia deweloperskie i testowanie
- Narzędzia deweloperskie Reacta
- Narzędzia deweloperskie Reduxa
- Testowanie JavaScriptu za pomocą Jest
- Testowanie reducerów
- Testowanie komponentów React
React Router
- Routing po stronie klienta
- Wyświetlanie różnych widoków na podstawie bieżącej trasy przeglądarki
Tworzenie aplikacji z Reactem
- Krótki przegląd React Native
- Tworzenie instalowalnej aplikacji mobilnej i desktopowej za pomocą Progressive Web Apps
- Porównanie Progressive Web Apps z aplikacjami natywnymi
Wymagania
- Podstawy HTML
- Doświadczenie w pracy z JavaScriptem
Opinie uczestników (7)
W końcu dobrze było solidnie zrozumieć niektóre z kluczowych pojęć w React, zwłaszcza takie rzeczy jak stan i hooki. Łukasz przedstawił je w bardzo jasny sposób i chętnie eksperymentował z praktycznymi przykładami, aby pomóc rozwiać dalsze pytania, które mieliśmy.
Hayden Pike - Powerlink Queensland
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję
Szczegółowość, sposób wyjaśniania oraz spokój i pewność siebie, którą instruktor inspiruje.
Cosmin Ghergheles - Ness
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję
Obejmowało podstawowe komponenty
Valentin
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję
Wiedza trenera, rzezy jakich uczuł (wraz z krótką historią co się skąd wzięło i czemu tak jest).
Nikodem - Kaczmarski Group
Szkolenie - React, Redux and TypeScript
otwartość prowadzącego
Milosz - summ-it s.a.
Szkolenie - React, Redux and TypeScript
Zapał Łukasza.
Eloise Phelps - Dunelm
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję
Jak Luke włożył wiele wysiłku w pomaganie ludziom indywidualnie, gdy mieli problemy z uruchomieniem kodu. Luke był niezwykle przyjazny i dobrze się dogadywał z uczestnikami kursu.
Jonathan Grout - Dunelm
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję