𝗗𝗲𝗷𝗮 𝗱𝗲 𝗯𝗹𝗼𝗾𝘂𝗲𝗮𝗿 𝗹𝗮 𝗜/𝗨: 𝗥𝗲𝗻𝗱𝗲𝗿𝗶𝘇𝗮𝗱𝗼 𝗜𝗻𝘁𝗲𝗿𝗿𝘂𝗽𝘁𝗶𝗯𝗹𝗲 𝗲𝗻 𝗥𝗲𝗮𝗰𝘁
Los renderizados de React pueden congelar tu interfaz de usuario.
Los cálculos pesados bloquean el hilo principal. Tus usuarios ven una pantalla congelada. Esto arruina la experiencia.
El renderizado interrumpible resuelve esto. Permite que React pause el trabajo para gestionar la entrada del usuario.
Cómo funciona:
- React divide el trabajo en pequeños fragmentos.
- Comprueba si hay tareas de alta prioridad, como clics o escritura.
- Si un usuario interactúa, React pausa la tarea en segundo plano.
- React gestiona la entrada primero.
- React reanuda la tarea en segundo plano más tarde.
Utilizas transiciones para gestionar esto. Usa useTransition para marcar actualizaciones que no sean urgentes. Esto le indica a React que mantenga la interfaz de usuario receptiva.
Deja de permitir que el procesamiento de datos pesados destruya el rendimiento de tu aplicación.
Fuente: https://dev.to/iprajapatiparesh/stop-blocking-the-ui-interruptible-rendering-in-react-32mb