reactjs / reactjs/react.dev

Contributing Controlled-components mental-model diagrams

Ouverte
#5,003 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

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

Description

Hi,

I don't really know where this could be integrated into the documentation, but I've created some visuals to explain step-by-step what really happens when interacting with a Controlled-component, for each field type:

  • text field
    Textfield controlled-component
  • select:
    Select controlled-component
  • multiple select:
    SelectMultiple controlled-component
  • checkbox:
    Checkbox controlled-component
  • radio:
    RadioButtons controlled-component

I'd love to contribute those diagrams to the reactjs.org project if you think it can be useful.

I have them in SVG
I can edit/adapt them as needed
I can easily create a PR

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

Examinez la structure existante de la documentation react.dev afin de déterminer où les conseils sur les controlled components pourraient s’intégrer. Inspectez les diagrammes SVG fournis pour les exemples de champ de texte, select, multiple select, case à cocher et bouton radio, puis confirmez comment ils devraient être adaptés et intégrés ; le travail est terminé lorsque les diagrammes sont acceptés dans une page de documentation appropriée.

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é
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

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