Hooks (useState, useEffect, useContext und mehr) sind React-Features zum Verwalten von State und Seiteneffekten in funktionalen Komponenten – und sie funktionieren genauso in React Native. Das Verständnis der wichtigsten Hooks ist wesentlich für die Erstellung von React Native-Komponenten.
const [count, setCount] = useState(0); // state + setter; setting it re-renders
const [user, setUser] = ();
// useEffect runs side effects (data fetching, subscriptions) after render
useEffect(() => {
fetchData(); // runs after render
// optional CLEANUP (returned function) — runs on unmount / before re-running
const sub = subscribe();
return () => sub.unsubscribe(); // CLEAN UP (prevent leaks)
}, [dependency]); // dependency array → when to re-run
// → [] = run once on mount; [dep] = run when dep changes; none = every render
useEffect verwaltet Seiteneffekte (Datenabruf, Abonnements, Timer) mit einem Dependency Array, das steuert, wann es ausgeführt wird, und einer optionalen Cleanup-Funktion (wichtig zur Vermeidung von Speicherlecks).
useContext → consume context (shared data without prop drilling)
useRef → a mutable reference that persists across renders (e.g. reference a component,
store a value without re-rendering)
useMemo → memoize an expensive computed value (performance)
useCallback → memoize a function (avoid unnecessary re-creation/re-renders)
useReducer → manage complex state with a reducer
CUSTOM HOOKS → extract reusable stateful logic (e.g. useFetch, useAuth)
⚠️ Only call hooks at the TOP LEVEL of a component (not in conditions/loops/nested functions)
⚠️ Only call hooks from React components or custom hooks
→ These rules ensure hooks work correctly (React relies on call order).
Das Verständnis von React Hooks ist für React Native wesentlich, weil Hooks die Standard-Methode zum Verwalten von State und Seiteneffekten in funktionalen Komponenten sind, was der Weg ist, wie moderne React Native-Apps aufgebaut werden – daher ist es unverzichtbares Wissen.
Hooks funktionieren in React Native identisch wie in React für Web, weshalb dieses Wissen direkt übertragbar ist. useState (State verwalten, Re-Renders auslösen) ist grundlegend für jede Komponente mit sich ändernden Daten. useEffect ist besonders wichtig: es verwaltet Seiteneffekte (Datenabruf, Abonnements, Timer) mit einem Dependency Array, das steuert, wann es ausgeführt wird, und einer optionalen Cleanup-Funktion (entscheidend zur Vermeidung von Speicherlecks durch Abmelden/Bereinigung) – das Verständnis von useEffect, seinem Dependency Array und der Cleanup ist wesentlich, da Seiteneffekte (wie Datenabruf beim Laden eines Screens) häufig vorkommen und Fehler in useEffect zu Bugs führen (Endlosschleifen durch falsche Abhängigkeiten, Speicherlecks durch fehlende Cleanup).
Das Verständnis von weiteren wichtigen Hooks – useContext (gemeinsame Daten verwenden ohne Prop Drilling), useRef (persistente mutable Referenzen), useMemo/useCallback (Memoization für Performance), useReducer (komplexer State) und benutzerdefinierte Hooks (wiederverwendbare zustandsbehaftete Logik extrahieren wie useFetch oder useAuth – ein starkes Muster für Codewiederverwendung) – deckt das Toolkit für die Erstellung echter Komponenten ab.
Das Verständnis der Regeln für Hooks (sie nur auf der obersten Ebene und nur von Komponenten/benutzerdefinierten Hooks aufrufen, da React auf der Aufrufreihenfolge basiert) ist wesentlich, um subtile Bugs zu vermeiden.
Da Hooks der Standard-Mechanismus für State und Seiteneffekte in modernen funktionalen React Native-Komponenten sind (und das Wissen direkt von React übertragbar ist), und da das Verständnis der wichtigsten Hooks (besonders useState und useEffect mit seiner Cleanup) und der Regeln wesentlich für die Erstellung korrekter Komponenten ist, ist das Verständnis von React Hooks wesentliches, häufig angewendetes React Native-Wissen – grundlegend für die Erstellung moderner React Native-Komponenten, zentral für die Verwaltung von State und Seiteneffekten und direkt von Web React übertragbar – eine Kernkompetenz für React Native-Entwicklung.