React Hooks

React Hooks sind leistungsfähig, flexibel und skalierbar für eine Vielzahl von Projekten sind. Erfahren Sie, warum Sie React Hooks verwenden sollten und welche Probleme Sie damit lösen können.

Einführung in React Hooks

• Das moderne React verstehen
• React Hooks Geschichte
• Installieren von Create React App
• Überprüfen des Projekts

Der useState-Hook

• Array- und Objekt-Destrukturierung
• Einbinden des useState Hooks
• Erstellen einer Checkbox mit useState
• Arbeiten mit Komponentenbäumen
• Senden von Interaktionen über Komponentenbäume

Der useEffect-Hook

• Einführung in useEffect
• Arbeiten mit dem Dependency Array
• Abrufen von Daten mit useEffect

Zusätzliche Hooks

• Behandlung komplexer Zustände mit useReducer
• Refaktorierung von useState zu useReducer
• Versenden von Aktionen mit useReducer
• Verwalten von Formulareingaben mit useRef
• Erstellen von kontrollierten Komponenten mit useState

Benutzerdefinierte Hooks erstellen

• Wiederverwendung von Formularlogik mit benutzerdefinierten Hooks
• Daten im Kontext platzieren
• Abrufen von Daten mit useContext
• Erstellen eines benutzerdefinierten Hooks mit Kontext
• Datenabruf mit einem useFetch-Hook
• Erstellen einer Fetch-Komponente

Nutzen Sie den useState Hook, um verschiedene Arten von Zustandsvariablen zu verwalten und mit Komponentenbäumen zu arbeiten. Der useEffect-Hook kann für verschiedene Seiteneffekte einer React-Anwendung verwendet werden, z.B. wenn sich der Zustand der App ändert. Dabei werden Sie lernen, wie Sie mit dem Dependency-Array des useEffect-Hooks arbeiten und Daten asynchron abrufen können. Als Nächstes werden Sie mehrere zusätzliche Hooks einsetzen und selbst benutzerdefinierte Hooks erstellen. Abschließend werden Sie noch die verschiedenen Wege kennenlernen, um Ihr Wissen über das React-Ökosystem zu vermehren. Es geht aber nicht nur um den Hype. Es geht darum, dass Ihre Arbeit als React-Entwickler mehr Spaß macht. Entdecken Sie also, wie Sie Ihren React-Code mit Hooks modernisieren können.