𝗡𝗲 𝗯𝗹𝗼𝗾𝘂𝗲𝘇 𝗽𝗹𝘂𝘀 𝗹'𝗜𝗨 : 𝗹𝗲 𝗿𝗲𝗻𝗱𝘂 𝗶𝗻𝘁𝗲𝗿𝗿𝘂𝗽𝘁𝗶𝗯𝗹𝗲 𝗱𝗮𝗻𝘀 𝗥𝗲𝗮𝗰𝘁
Les rendus React peuvent geler votre interface utilisateur.
Les calculs intensifs bloquent le thread principal. Vos utilisateurs voient un écran figé. Cela nuit à l'expérience.
Le rendu interruptible résout ce problème. Il permet à React de mettre le travail en pause pour gérer les entrées utilisateur.
Fonctionnement :
- React divise le travail en petits blocs.
- Il recherche les tâches prioritaires comme les clics ou la saisie.
- Si un utilisateur interagit, React met la tâche de fond en pause.
- React traite d'abord l'entrée.
- React reprend la tâche de fond plus tard.
Vous utilisez des transitions pour gérer cela. Utilisez useTransition pour marquer les mises à jour non urgentes. Cela indique à React de maintenir l'interface utilisateur réactive.
Ne laissez plus le traitement de données intensif nuire aux performances de votre application.
Source : https://dev.to/iprajapatiparesh/stop-blocking-the-ui-interruptible-rendering-in-react-32mb