Plan Szkolenia

Wprowadzenie

  • MobX vs Redux vs Relay

Zrozumienie State Management

  • Jak React obsługuje stan lokalny
  • Jak Redux zarządza stanem
  • Jak MobX zarządza stanem

Pierwsze kroki

  • Przygotowanie środowiska programistycznego
  • Instalacja i konfiguracja MobX

Tworzenie aplikacji

  • Przegląd architektury komponentów
  • Tworzenie React aplikacji (komponenty, elementy, JSX itp.)

Praca z React stanem komponentu

  • Inicjowanie i aktualizowanie stanu
  • Praca z formularzami

Wdrażanie MobX magazynu danych

  • Konfigurowanie magazynu danych
  • Przekazywanie danych do komponentów
  • Wyświetlanie zawartości magazynu danych

Zarządzanie zmianami danych

  • Dodawanie danych do magazynu
  • Powiadomienie React o zmianie stanu danych

Aktualizacja widoku

  • Deklarowanie obserwowalnych danych
  • Aktualizacja widoku

Poprawa przepływu danych

  • Modyfikowanie danych stanu za pomocą akcji
  • Wywoływanie akcji (unikanie niebezpiecznych manipulacji danymi)

Praca z wartościami obliczonymi

  • Obliczenia perforacji na danych podstawowych

Korzystanie z zaawansowanych narzędzi i technik programistycznych

  • Tworzenie komponentów za pomocą ES2017
  • Używanie Babel dla ES2017 i JSX
  • Korzystanie z WebPack dla React i MobX
  • Wykonywanie działań asynchronicznych za pomocą MobX

Testowanie aplikacji

  • Tworzenie testów jednostkowych dla komponentów React
  • Wybór narzędzi i frameworków (Jest, Enzyme, TestUtils itp.)
  • Tworzenie testów jednostkowych dla sklepów MobX
  • Debugowanie aplikacji

Wdrażanie aplikacji

  • Oprzyrządowanie i automatyzacja
  • Wdrażanie ciągłej integracji (CI)

Rozwiązywanie problemów

Podsumowanie i wnioski

Wymagania

  • React doświadczenie w programowaniu

Publiczność

  • Deweloperzy
 14 godzin

Liczba uczestników


cena netto za uczestnika

Propozycje terminów