useTransition marca una actualización de estado como no urgente. React mantiene la pantalla actual interactiva, renderiza el resultado nuevo en segundo plano y puede descartar ese trabajo si llega algo más urgente, como escribir. Además obtienes un flag isPending para un estado de carga discreto. Úsalo para cambios de vista caros, como filtrar una lista grande o cambiar de pestaña, nunca para la pulsación de tecla en sí.
Por qué lo preguntan los entrevistadores
Esto comprueba si entiendes el renderizado concurrente como una función de planificación y no como una palabra de moda. El entrevistador quiere que distingas actualizaciones urgentes de no urgentes, que sepas que la transición renderiza en segundo plano en vez de hacer debounce, y que sitúes useTransition frente a useDeferredValue. Quien lo ha llevado a producción suele mencionar el flag de pendiente y el evitar un parpadeo brusco del fallback.
Cómo estructurar tu respuesta
- Define actualizaciones urgentes frente a no urgentes en una línea.
- Di qué hace React con el trabajo de baja prioridad, incluida su interrupción.
- Da un caso concreto en el que lo usaste.
- Contrástalo con useDeferredValue y con el debouncing.
Ejemplo de respuesta
La idea es que no toda actualización merece la misma prioridad. Escribir en una caja de búsqueda tiene que aparecer al instante o el input se siente roto. Volver a renderizar tres mil resultados filtrados, no. Así que mantengo el valor del input como una actualización de estado normal y envuelvo la cara en startTransition. React entonces renderiza el árbol pesado en segundo plano, deja los resultados viejos en pantalla mientras trabaja, y si el usuario escribe otra vez abandona ese render y empieza de nuevo. Lo usé en una página de búsqueda donde cada tecla reconstruía una rejilla grande de resultados, y el input tenía ese medio segundo horrible de retraso. Envolver la actualización de resultados en una transición arregló la sensación al escribir sin nada de debouncing, y usé isPending para atenuar un poco los resultados viejos y que no pareciera congelado. useDeferredValue hace algo parecido, y recurro a él cuando solo tengo el valor y no el setter, por ejemplo cuando el valor llega como prop.
¿Tienes esta entrevista a la vuelta de la esquina? GhostPilot escucha tu llamada en vivo, detecta la pregunta en cuanto la hacen y pone una respuesta estructurada en tu pantalla en tiempo real. Pruébalo en tu próxima entrevista de práctica, o coge un Session Pass de $29, sin suscripción, para la de verdad.
Mira cómo funcionaPreguntas de seguimiento que puedes esperar
- ¿Cuál es la diferencia entre useTransition y useDeferredValue?
- ¿Qué le pasa a una transición si el usuario vuelve a escribir a mitad del render?
- ¿Puedes pasar una función async a startTransition, y qué cambió en React 19?
Más preguntas para Desarrollador React
Tu entrevistador hará su propia versión de esta. Pega la descripción real del puesto en el Question Predictor gratuito y obtén las 20 preguntas que ese puesto tiene más probabilidades de hacerte, con lo que cada una busca en realidad.
Predecir mis preguntas