Workshop
React Hooks & State
Tiefer Einstieg in Reacts eingebaute Hooks, danach State Management von Context bis Zustand und Redux. Für React- und React-Native-Teams.
Voraussetzung
Am besten mit praktischer React- (oder React-Native-) und JavaScript/TypeScript-Erfahrung.
Hands-on Format
- Live-Coding-Demos 🖥, mit viel Raum für Fragen.
- Explorative Aufgaben 🔭, tüftle heraus, wie Hooks wirklich funktionieren.
- Coding-Übungen 💻, echten Code schreiben und refactoren.
Was wir behandeln
Eine Themenliste, je nach Zeit wählen wir gemeinsam die für euch relevantesten aus.
useState, wirklich verstanden
- Komponenten-"Render" vs. Browser-Render
- Asynchrones Setzen & Auslesen, Batching in React 18
- JavaScript-Closures, flache vs. tiefe Kopien
- State hochziehen: Callbacks vs. Props
useEffect & der Lifecycle
- Der Hooks-Lifecycle im Zusammenspiel mit dem Browser-Rendering
- React 18 StrictMode in der Entwicklung
- exhaustive-deps & Dependency-Arrays reparieren
Die übrigen Hooks
- useLayoutEffect für knifflige UI
- useRef: render-neutraler Speicher & imperativer State
- useReducer für reicheren State
- Custom Hooks: saubere APIs, TypeScript, Logik von UI trennen
- useImperativeHandle mit forwardRef
Performance
- Warum React.memo kein Allheilmittel ist
- useCallback gegen unnötige Re-Renders
- useMemo für teure Berechnungen
State Management
- Bordmittel: useReducer, Context, Custom Hooks
- Zustand: einfacher globaler State & Selektoren
- Redux mit redux-toolkit: Slices & Thunks
- redux-saga für asynchrone Orchestrierung
- redux-persist für Offline-State
Warum mit mir
Ich baue seit Dezember 2015 mit React & React Native, habe es damals als Startup-CTO gewählt und seitdem Teams bei Barclays, McKinsey, REWE, DATEV und Condor geschult. Top 5% weltweit auf Stack Overflow für React Native & JavaScript, dazu leite ich den React/React-Native-Bereich bei Workshops.de.
Weitere Workshops
Direkt weiterspringen, ohne den Umweg über die Übersicht.
Bring diesen Workshop zu deinem Team
Remote oder vor Ort, auf euer Level zugeschnitten.