[Bug]: "Reset state" on the playgrounds UX is confusing
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
Summary
If you want to reset the React state of a playground, but not the code, it's very unclear how to do so.
The only way I found is clicking on "Reset", which triggers a popup saying "Reset all your edits too?" and then pressing "Cancel". This will successfully reset the state but not the code. However there are two issues with that:
- It's not clear at all that this is the proper way to do so. Should there be two buttons instead?
- UX itself is counter-intuitive:
a. The question is "Reset all your edits too?", which is a yes/no question, but the options are "Ok" or "Cancel"
b. Normally if you press "Cancel" on a confirmation modal, it should cancel the original action altogether, but here is applies the action partially (reset the state but not the edits)
Page
https://react.dev/learn/separating-events-from-effects#challenges
Details
No response
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par la page de challenge « Separating Events from Effects » liée et reproduisez le flux de Reset du playground. Examinez la manière dont sont présentées les options permettant de réinitialiser uniquement l’état et de modifier puis de réinitialiser, puis rendez les actions disponibles et le texte de confirmation parfaitement explicites. Le travail est terminé lorsque les utilisateurs peuvent comprendre comment réinitialiser l’état React sans réinitialiser le code et ce que fera chaque option.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- javascript, react
- Domaine
- design, documentation, frontend
- Type d'issue
- Bug
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 42/100