Managing React State with MobX - 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