> ## Documentation Index
> Fetch the complete documentation index at: https://docs.baenninger.me/llms.txt
> Use this file to discover all available pages before exploring further.

# State Management

<AccordionGroup>
  <Accordion title="State Management">
    Entscheiden, **wann** State erstellt werden soll, welche **Arten** von State erforderlich, **wo** die einzelnen State-Variablen plaziert werden und wie die Daten durch die App **fliessen**
  </Accordion>
</AccordionGroup>

## Arten von State

Grundsätzlich gibt es in React zwei Arten von State.

### Local State

* State, der **nur von einer oder wenigen Komponenten** benötigt wird
* State, der in einer Komponente definiert ist und auf den **nur diese Komponente und untergeordnete Komponenten** Zugriff haben

### Global State

* State, den **viele Komponenten** benötigen
* **Gemeinsamer** State, auf den **jede Komponente** in der gesamten Anwendung zugreifen kann

<Info>
  In React wird das mit der **Context API** oder einer State-Library wie **Redux** oder **Zustand** erreicht
</Info>

## Wo und wann?

<Frame caption="State: Wo und wann?">
  <img src="https://mintcdn.com/levexis-38849a2b/fK05ZPeHGTgSfJjo/images/content/web/file-excalidraw-9.svg?fit=max&auto=format&n=fK05ZPeHGTgSfJjo&q=85&s=f5637c3af495a6bc6e9655aa7a2ffc2a" alt="State: Wo und wann?" width="2702" height="2711" data-path="images/content/web/file-excalidraw-9.svg" />
</Frame>
