Daten- und Zustandsverwaltung
Dieser Abschnitt behandelt Muster zur Synchronisierung von Tabellendaten mit Ihrem Anwendungsstatus: von einfachem React useState bis hin zu State-Management-Bibliotheken.
Einstieg
- Grundlagen der Zustandsverwaltung - Kernmuster: kontrollierte Props, Event-Callbacks, der Ref-Escape-Hatch und Performance-Tipps
Anleitungen zu State-Bibliotheken
- Redux Toolkit - Schritt-fur-Schritt-Integration mit Redux Toolkit
Kernkonzept
Die sheets-Prop ist die einzige Quelle der Wahrheit fur alle Tabellendaten. Ubergeben Sie ein Array von SheetData-Objekten; der Wrapper vergleicht Ihre Daten mit dem aktuellen Widget-Status und wendet nur die Anderungen an. Verwenden Sie unveranderliche Aktualisierungen (Spread-Operatoren, funktionale setState-Updater), damit React Anderungen effizient erkennen kann.