Tworzenie aplikacji z użyciem ReactJS

LICZBA DNI: 3 (24h)

KOD KURSU: REACT

Powiadom
o kolejnych terminach

# javascript

# typescript

# reactjs

Autor szkolenia:
Tomek Sułkowski

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

  • Czym jest React i jakie problemy rozwiązuje?
  • Omówienie ekosystemu i narzędzi
  • Programowanie funkcyjne z ECMAScript 5
  • Wstęp do ECMAScript 2015+
    • Przydatne konstrukcje (fat arrows, destructuring, rest parameters, ...)
    • Transpilacja nowych wersji ECMAScript
  • Praca z npm
  • Transpilacja kodu (Babel)
  • Webpack i Webpack Dev Server
  • 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
  • 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
  • Omówienie architektury
  • Praktyczne zastosowania
  • Porównanie z Redux
  • Wprowadzenie do TDD w JavaScript
  • Struktura testów jednostkowych
  • Praca z Jest
  • Możliwości React Testing Library

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.