[Suggestion]: Confusing example in UseTransition

Abierto Apto para principiantes
#8,381 5 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
68/100
Tipo de issue
Documentación
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
javascript, react
Área
documentation

Línea de trabajo

Abre el ejemplo enlazado de la documentación de useTransition, “Perform non-blocking updates with Actions”, y revisa cómo se presentan el campo de cantidad y el total. Compara el ejemplo propuesto de Item con el flujo actual y, después, actualiza el ejemplo de cantidad y total para que el propósito de la transición quede claro alrededor de la llamada al servidor. La tarea estará terminada cuando el ejemplo revisado sea comprensible y demuestre correctamente el comportamiento previsto de la transición.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

type: documentation
Summary

In UseTransition example, you have used input as DOM control so it's instantly updating quantity, which is confusing as it suppose to wait for server call then we can understand the use of transition there, I don't find this document is useful, all examples are very confusing.

below code would be helpful. Didn't expect this from react doc itself, I feel I have better understanding than who written this doc's.

export default function Item({quantity, onUpdateQuantity}) { function handleChange(event) { onUpdateQuantity(event.target.value); } return ( <div className="item"> <span>Eras Tour Tickets</span> <label htmlFor="name">Quantity: </label> <input type="number" value={quantity} onChange={handleChange} /> </div> ) }

Page

No response

Details

Please update Use Transition example that is related to quantity and total.

Lenguaje dominante
JavaScript
Estrellas
11.8k
Forks
7.9k
Merge medio
16 h 6 min
PR fusionados (30 d)
7

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de reactjs/react.dev

Todos los issues de reactjs/react.dev

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.