Wzorce projektowe w React

Opis

Dwudniowe szkolenie warsztatowe poświęcone zaawansowanym wzorcom projektowym w React. Program obejmuje najlepsze praktyki projektowania komponentów, zarządzania stanem oraz strukturyzacji aplikacji. Uczestnicy poprzez praktyczne warsztaty poznają sprawdzone wzorce implementacyjne oraz nauczą się wybierać odpowiednie rozwiązania do konkretnych przypadków użycia.

Profil uczestnika

• Programiści React szukający ustrukturyzowanego podejścia
• Architekci aplikacji frontendowych
• Liderzy zespołów React
• Deweloperzy średniozaawansowani w React
• Inżynierowie oprogramowania specjalizujący się w frontend
• Tech leadzi projektów React

Agenda

1. Podstawowe wzorce projektowe
• Wzorce komponowania
• Wzorce prezentacyjne
• Wzorce strukturalne
• Wzorce behawioralne
2. Zaawansowane wzorce
• Higher-Order Components
• Render Props
• Custom Hooks
• Compound Components
3. Wzorce zarządzania stanem
• State Machines
• Provider Pattern
• Observer Pattern
• Flux Pattern
4. Implementacja i optymalizacja
• Wzorce wydajnościowe
• Error Boundaries
• Code Splitting
• Memoization

Korzyści

Po ukończeniu szkolenia uczestnik będzie posiadał dogłębną wiedzę o wzorcach projektowych stosowanych w aplikacjach React. Zdobędzie praktyczne umiejętności implementacji różnorodnych wzorców odpowiednich dla różnych przypadków użycia. Nauczy się wybierać optymalne wzorce projektowe w zależności od wymagań projektu. Opanuje techniki optymalizacji wydajności poprzez odpowiedni dobór wzorców. Będzie potrafił projektować skalowalne i maintainable komponenty React. Zyska umiejętność efektywnego wykorzystania wzorców do rozwiązywania typowych problemów projektowych.

Wymagane przygotowanie uczestników

• Praktyczna znajomość React
• Doświadczenie w tworzeniu komponentów React
• Znajomość JavaScript ES6+
• Podstawowa wiedza o wzorcach projektowych

Zagadnienia

• Wzorce komponowania
• Higher-Order Components
• Render Props
• Custom Hooks
• Compound Components
• State Management Patterns
• Error Handling Patterns
• Performance Patterns
• Code Splitting
• Memoization
• Provider Pattern
• Dependency Injection

Poznaj naszą firmę