React

Was ist es?

React ist die deklarative UI-Library von Meta — Komponenten + Hooks + virtuelles DOM. React 19 bringt stabilen use()-Hook, Actions, useOptimistic, useFormStatus und den React Compiler (auto-memoization).

Quickstart

pnpm create vite@latest my-app -- --template react-ts
# oder als Teil von Next.js / Remix
pnpm add react@19 react-dom@19

Typische Patterns

• Server Components + Client Components trennen — Daten-Fetching server, Interaktion client.
• use() für Promises in Components (React 19):

  function Comments({ promise }) {
    const data = use(promise) // suspendet automatisch
    return <ul>{data.map(...)}</ul>
  }
  

• Actions statt manuelles Loading-State:

  const [state, action, pending] = useActionState(submit, null)
  

• useOptimistic für instant UI bei Mutations.
• Custom Hooks für Logik-Reuse — Konvention useXxx, dürfen nur in Components/anderen Hooks aufgerufen werden.