Przestań blokować interfejs użytkownika: Przerwalne renderowanie w React
Renderowanie w React może zamrozić interfejs użytkownika.
Ciężkie obliczenia blokują główny wątek. Twoi użytkownicy widzą zamrożony ekran. To psuje wrażenia z użytkowania.
Przerwalne renderowanie rozwiązuje ten problem. Pozwala ono Reactowi wstrzymać pracę, aby obsłużyć interakcję użytkownika.
Jak to działa:
- React dzieli pracę na małe fragmenty.
- Sprawdza zadania o wysokim priorytecie, takie jak kliknięcia czy pisanie.
- Jeśli użytkownik wejdzie w interakcję, React wstrzymuje zadanie działające w tle.
- React najpierw obsługuje interakcję.
- React wznawia zadanie w tle później.
Do zarządzania tym procesem służą transitions. Użyj useTransition, aby oznaczyć niepilne aktualizacje. Informuje to React, aby zachował responsywność interfejsu.
Przestań pozwalać, aby ciężkie przetwarzanie danych niszczyło wydajność Twojej aplikacji.
Źródło: https://dev.to/iprajapatiparesh/stop-blocking-the-ui-interruptible-rendering-in-react-32mb