Pare de Bloquear a UI: Renderização Interrompível no React
As renderizações do React podem congelar sua interface de usuário.
Cálculos pesados bloqueiam a thread principal. Seus usuários veem uma tela congelada. Isso arruína a experiência.
A renderização interrompível resolve isso. Ela permite que o React pause o trabalho para lidar com a entrada do usuário.
Como funciona:
- O React divide o trabalho em pequenos blocos.
- Ele verifica tarefas de alta prioridade, como cliques ou digitação.
- Se um usuário interagir, o React pausa a tarefa em segundo plano.
- O React lida com a entrada primeiro.
- O React retoma a tarefa em segundo plano mais tarde.
Você usa transições para gerenciar isso. Use useTransition para marcar atualizações não urgentes. Isso diz ao React para manter a UI responsiva.
Pare de deixar o processamento pesado de dados destruir o desempenho do seu aplicativo.
Fonte: https://dev.to/iprajapatiparesh/stop-blocking-the-ui-interruptible-rendering-in-react-32mb