Artikel
- 01 Einführung in Custom Hooks Eigene Funktionen, die andere Hooks aufrufen — der idiomatische Weg, stateful Logik zu teilen
- 02 Naming Conventions & Best Practices Wie man Custom Hooks benennt, strukturiert und im Code organisiert — die Konventionen, die der React-Community den meisten Nutzen bringen
- 03 Beispiel: useForm – Formulare mit Custom Hook Ein wiederverwendbarer useForm-Hook für Werte, Validierung und Touched-Felder — Schritt für Schritt
- 04 Beispiel: useLocalStorage – persistenter State State automatisch in localStorage spiegeln — SSR-sicher, Tab-übergreifend synchron, mit Memory-Fallback
- 05 Beispiel: useFetch – API-Daten laden Ein produktionsreifer useFetch-Hook mit Loading/Error-State, AbortController-Cleanup und Reload-Funktion
- 06 Beispiel: useDebounce – Wert mit Verzögerung Werte verzögert übernehmen — gegen API-Spam beim Tippen, gegen Renders bei jedem Resize-Pixel
- 07 Beispiel: useMediaQuery – Responsive Logik in JS Auf CSS-Media-Queries in JavaScript reagieren — für Komponenten, die je nach Viewport-Größe anders aussehen oder anderes Verhalten zeigen
- 08 Hook-Komposition Mehrere Custom Hooks zu größeren Domain-Hooks zusammenstellen — der idiomatische Weg, komplexe Logik wiederverwendbar zu organisieren