reactjs / reactjs/react.dev

[Suggestion]: Add Async React Hooks section to hooks

Offen
#8,316 2 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

type: documentation
Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

Summary

Update the hooks page to include a section on Async React hooks useTransition, useActionState, and useOptimistic

Page

https://react.dev/reference/react/hooks

Details

The current hooks page has a very React 18 thinking of useTransition (in the Performance Hooks section), useActionState (in other hooks), and is missing the useOptimistic hook. I believe these hooks are better served by being placed in a single section to help spread the React 19 thinking about these hooks.

Proposed Async React Hooks section


Async React Hooks {/async-react-hooks/}

Async React lets you build responsive apps by running async work in Actions callbacks passed to startTransition or action props. State updates from useActionState and useOptimistic must run inside an Action.

  • useTransition lets you mark state updates as non-blocking so the UI stays responsive while they run.
  • useActionState lets you update state from an Action, for form submissions or async reducers.
  • useOptimistic lets you show a temporary UI state while an Action is running.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der im Issue verlinkten React-hooks-Seite und überprüfe, wie die vorhandenen Abschnitte zu Performance Hooks und anderen Hooks strukturiert sind. Füge wie vorgeschlagen einen Abschnitt zu Async React Hooks hinzu, der useTransition, useActionState und useOptimistic behandelt, und überprüfe anschließend, ob die Seitenverweise und der Wortlaut korrekt sind.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation
Issue-Typ
Dokumentation
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.