[Bug]: "Reset state" on the playgrounds UX is confusing
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- JavaScript
- Estrellas
- 11.8k
- Forks
- 7.9k
- Merge medio
- 1 d 11 h
- PR fusionados (30 d)
- 11
Descripción
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
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Comienza en la página enlazada de la challenge «Separating Events from Effects» y reproduce el flujo de Reset del playground. Revisa cómo se presentan las opciones para restablecer solo el estado y para editar y restablecer, y asegúrate de que las acciones disponibles y el texto de confirmación no sean ambiguos. El trabajo estará terminado cuando los usuarios puedan saber cómo restablecer el estado de React sin restablecer el código y entender qué hará cada opción.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript, react
- Área
- design, documentation, frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 42/100