Workshop
React Hooks & State
Deep dive into React's built-in hooks, then state management from Context to Zustand and Redux. Works for React and React Native teams.
Voraussetzung
Best with working React (or React Native) + JavaScript/TypeScript experience.
Hands-on Format
- Live coding demos 🖥, with plenty of questions.
- Explorative tasks 🔭, tinker to discover how hooks really work.
- Coding exercises 💻, write and refactor real code.
Was wir behandeln
Eine Themenliste, je nach Zeit wählen wir gemeinsam die für euch relevantesten aus.
useState, truly understood
- Component "render" vs browser render
- Async set & retrieval, batching in React 18
- JavaScript closures, shallow vs deep copies
- Lifting state up: callbacks vs props
useEffect & the lifecycle
- The hooks lifecycle tied to browser rendering
- React 18 StrictMode in development
- exhaustive-deps & fixing dependency arrays
The rest of the hooks
- useLayoutEffect for tricky UI
- useRef: render-neutral storage & imperative state
- useReducer for richer state
- Custom hooks: clean APIs, TypeScript, separating logic from UI
- useImperativeHandle with forwardRef
Performance
- Why React.memo is no silver bullet
- useCallback to cut re-renders
- useMemo for expensive work
State management
- Built-in: useReducer, Context, custom hooks
- Zustand: simple global state & selectors
- Redux with redux-toolkit: slices & thunks
- redux-saga for async orchestration
- redux-persist for 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.
Bring diesen Workshop zu deinem Team
Remote oder vor Ort, auf euer Level zugeschnitten.