State Management in React

Bevor du eine Library waehlst, klaere: Was fuer State ist das?

Typen von State

• Server State: Daten aus API (User, Orders) -> React Query/SWR
• UI State: Modals, Tabs, Form Inputs -> lokal in Komponenten
• Global Client State: eingeloggter User, Feature Flags -> Context/Store
• URL State: Filter, Pagination -> URL/Router

Optionen

React Context

Gut fuer wenig, globalen State (z.B. Theme, User).

Redux Toolkit

Gut fuer komplexe Apps, klare Struktur, gutes Debugging. Empfehlung: Nur nutzen, wenn du wirklich viel globalen State hast.

Alternativen

• Zustand: sehr leichtgewichtig
• Jotai/Recoil: atom-basiert

Persistenz

LocalStorage/AsyncStorage speichert nur, ist kein State Manager.

Strategie:

• State in Store halten
• Snapshot in Storage schreiben
• Beim Start hydratisieren

Faustregel

Starte klein (lokaler State, Context). Erst spaeter eine grosse Library einfuehren.