reactjs / reactjs/react.dev

[Suggestion]: Add Async React Hooks section to hooks

Ouverte
#8,316 2 commentaires 2 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

type: documentation
Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
1 j 11 h
PR mergées (30 j)
11

Description

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.

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par la page React hooks liée dans l’issue et examinez comment sont organisées les sections existantes consacrées aux Performance Hooks et aux autres hooks. Ajoutez, comme proposé, une section Async React Hooks couvrant useTransition, useActionState et useOptimistic, puis vérifiez que les liens et la formulation de la page sont exacts.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript, react
Domaine
documentation
Type d'issue
Documentation
Difficulté
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Clairement spécifiée
Accessibilité débutants
55/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.