Budowanie aplikacji React przy wykorzystaniu języka TypeScript

LICZBA DNI: 4 (32h)

KOD KURSU: REACT/TS

Powiadom
o kolejnych terminach

# javascript

# typescript

# reactjs

O szkoleniu

DLA KOGO?

Programiści chcący poszerzyć swoje kompetencje o umiejętność korzystania z języka TypeScript w połączeniu z biblioteką React

WYMAGANIA

Umiejętność programowania w języku JavaScript na poziomie średnio zaawansowanym

ZALETY

Podejście warsztatowe - zestaw poruszanych zagadnień i ćwiczeń skonstruowany w taki sposób, aby uczestnik w wyniku szkolenia zaimplementował typowe rozwiązania spotykane w realnych projektach

Cele szkolenia

Poznanie języka TypeScript i biblioteki React oraz nabycie praktycznych umiejętności wykorzystywania ich w połączeniu w rozmaitych warstwach aplikacji

Program

  • Najważniejsze struktury ECMAScript 2015+
  • Dlaczego TypeScript?
  • Porównanie z innymi silnie typowanymi językami
    • Typowanie strukturalne a nominalne
    • Typy podczas kompilacji i w runtime
  • Konfiguracja narzędzi
    • tsconfig
    • Prettier
    • Praca z IDE
  • Podstawowe typy
  • Co jeśli nie znamy typu?
  • Typy generyczne
  • Interface vs type
  • Utility types
  • Kod JavaScript w TypeScripcie
  • Korzystanie z typowań bibliotek
  • Kiedy brak typów
  • Idea JSX/TSX
  • Komponenty funkcyjne i klasowe
  • Dostęp do danych w komponencie
    • Definiowanie i wykorzystywanie Props
    • Praca ze State
    • Kiedy użyć Context
    • Jak to otypować?
  • Obsługa zdażeń
  • Cykl życia komponentu
  • React hooks w praktyce
  • Debugging React
  • Praca z formularzami
  • Client-side routing
  • Redux
    • Omówienie architektury
    • Modelowanie stanu
    • Kiedy Redux a kiedy Context?
    • Praca z DevTools
    • Jak to otypować?
  • MobX
    • Omówienie architektury
    • Praktyczne zastosowania
    • MobX State Tree
    • Praca z DevTools
    • Porównanie z Redux
  • Stylowanie aplikacji React
    • Przegląd dostępnych rozwiązań
    • CSS Modules a TypeScript
    • Styled-components/Emotion w praktyce
    • Implementacja motywów (themes)
  • Storybook
    • Umówienie możliwości
  • Maintanance aplikacji
  • Rozwój kompetencji związanych z React

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.