Tytuł:	Warsztaty: React in Depth
Kod:	React-depth
Kategoria:	React
Forma:	33% wykłady / 33% warsztaty / 33% praca grupowa
Czas trwania:	3 dni

Odbiorcy:	architekci, developerzy
Zapisy:	Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka:	W siedzibie klienta lub w innym dowolnym miejscu.

Szkolenie przygotowuje do roli senior developera/architekta aplikacji Reaktowych.
Kierowane jest do osób mających już doświadczenie w tworzeniu aplikacji w Reakcie.

Ma na celu podniesienie poziomu wiedzy, kładąc szczególny nacisk na zapewnienie utrzymywalności kodu (TypeScript, CSS) oraz optymalizacje Reakta w runtime. Uczestnicy będą kodowali nowe funkcjonalności w istniejącej aplikacji, będą analizowali wydajność aplikacji i szukali usprawnień. Istotnym elementem szkolenia jest także przegląd (i implementacja) różnorakich technik zarządzania stanem w aplikacjach Reaktowych, analiza ich zalet i wad. Wreszcie, szkolenie uwzględnia ćwiczenia projektowania architektury aplikacji, tj. wysoko-poziomowe rozbijanie zagadnień na mniejsze, z fokusem na omijanie potencjalnie nieskalowalnych oraz problematycznych w przyszłości rozwiązań.

Wyróżniki szkolenia

dobre praktyki architektoniczne aplikacji Reactowych
mikro- i makro- optymalizacje kodu
techniki zarządzania stanem, analiza i porównanie

Program Szkolenia

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

React Internals
1. Reconciliation
2. Diffing Algorithm
3. Lazy, Suspense
4. Fiber Nodes (Contexts, Redux Provider, etc.)
State Management
1. State: Private vs Shared
2. State: Centralized vs Distributed
3. Advanced Redux
4. Mobx
5. Pub-Subs
6. RxJS
7. Context API
8. Cloud Apps State Management
9. State Synchronization with External Sources
Optimizations
1. React Devtools
2. Application Profiling
3. Components: memo, pure
4. Hooks: useMemo, useCallback
5. State Design (with performance in mind)
Component Design
1. Architecture Design Exercises
2. Usability vs Reusability
CSS in React
1. CSS in JS
2. CSS Modules
3. Styled Components
4. Theming
TypeScript & React
1. Advanced TypeScript Concepts
2. PropTypes vs TS types
3. Props & State definitions
4. Native DOM & React typings
5. External Definitions
6. Sharing Component definitions (Component Library)
Embedding Application in Legacy Code
1. React in Server-Side technologies (JSP, ASP, PHP, etc.)
2. Communication with jQuery code
3. React Cooperation with other frameworks (AngularJS, Angular, etc.)