UI-ஐத் தடுப்பதைத் தவிர்க்கவும்: React-இல் Interruptible Rendering

React ரெண்டரிங் உங்கள் பயனர் இடைமுகத்தை (UI) முடக்கிவிடக்கூடும்.

கனமான கணக்கீடுகள் (Heavy computations) main thread-ஐ முடக்குகின்றன. பயனர்கள் முடங்கிய திரையைப் பார்ப்பார்கள். இது அனுபவத்தைக் கெடுக்கும்.

Interruptible rendering இதைத் தீர்க்கிறது. பயனர் உள்ளீடுகளைக் கையாள React-ஐ வேலையைத் தற்காலிகமாக நிறுத்த இது அனுமதிக்கிறது.

இது எவ்வாறு செயல்படுகிறது:

இதை நிர்வகிக்க நீங்கள் transitions-களைப் பயன்படுத்தலாம். அவசரமில்லாத மாற்றங்களைக் குறிக்க useTransition-ஐப் பயன்படுத்தவும். இது UI-ஐத் துரிதமாக (responsive) வைத்திருக்க React-இடம் கூறுகிறது.

கனமான தரவுச் செயலாக்கம் (heavy data processing) உங்கள் செயலியின் செயல்திறனைப் பாதிப்பதைத் தவிர்க்கவும்.

மூலம்: https://dev.to/iprajapatiparesh/stop-blocking-the-ui-interruptible-rendering-in-react-32mb