Artikel
- 01 Einführung in Hooks Was Hooks sind, wann sie aufgerufen werden dürfen und welche eingebauten Hooks es gibt
- 02 useState() Der wichtigste Hook: lokaler State pro Komponente, Tupel aus Wert und Setter
- 03 useEffect() Side-Effects nach dem Render: Fetch, Subscriptions, DOM-Manipulation — mit Dependency-Array und Cleanup
- 04 useRef() Mutable Container für DOM-Knoten oder Werte, die zwischen Renders überleben — ohne Re-Render bei Änderung
- 05 useMemo() Wert memoisieren — nur bei Dependency-Änderung neu berechnen
- 06 useCallback() Funktion memoisieren — stabile Referenz für React.memo-Kinder und Effect-Dependencies
- 07 useLayoutEffect() Wie useEffect, aber synchron vor dem Browser-Paint — für DOM-Messungen und Flicker-Fixes
- 08 useImperativeHandle() Custom-API über ref nach außen geben — selektiv und kontrolliert statt direkter DOM-Zugriff
- 09 useReducer() State mit Action-Dispatch — Redux-Pattern für komplexe lokale State-Übergänge
- 10 useContext() Context-Wert lesen ohne Prop-Drilling — Wert kommt vom nächsten Provider in der Komponenten-Hierarchie
- 11 useTransition() State-Updates als 'nicht dringend' markieren — UI bleibt responsiv bei teuren Renders
- 12 useDeferredValue() Liefert eine 'hinterhereilende' Kopie eines Werts — die UI bleibt responsiv bei hochfrequenten Updates
- 13 useId() Eindeutige IDs pro Komponenten-Instanz — für a11y-Attribute, sicher beim Server-Rendering
- 14 useSyncExternalStore() Externe Datenquellen (Redux, Zustand, browser-APIs) sicher in React-Components subscriben — Concurrent-safe
- 15 useOptimistic() UI sofort aktualisieren, bevor der Server geantwortet hat — bei Fehler automatisch zurücksetzen