𝗦𝘁𝗼𝗽 𝗕𝗹𝗼𝗰𝗸𝗶𝗻𝗴 𝗧𝗵𝗲 𝗨𝗜: 𝗜𝗻𝘁𝗲𝗿𝗿𝘂𝗽𝘁𝗶𝗯𝗹𝗲 𝗥𝗲𝗻𝗱𝗲𝗿𝗶𝗻𝗴 𝗜𝗻 𝗥𝗲𝗮𝗰𝘁
React renders आपके user interface को फ्रीज़ कर सकते हैं।
भारी computations main thread को ब्लॉक कर देते हैं। आपके users को एक फ्रीज़ हुई स्क्रीन दिखाई देती है। इससे user experience खराब हो जाता है।
Interruptible rendering इस समस्या को हल करती है। यह React को user input को संभालने के लिए काम को pause करने की अनुमति देती है।
यह कैसे काम करता है:
- React काम को छोटे-छोटे chunks में विभाजित करता है।
- यह clicks या typing जैसे high priority tasks की जाँच करता है।
- यदि कोई user interact करता है, तो React background task को pause कर देता है।
- React पहले input को संभालता है।
- React बाद में background task को फिर से शुरू (resume) कर देता है।
इसे मैनेज करने के लिए आप transitions का उपयोग करते हैं। non-urgent updates को मार्क करने के लिए useTransition का उपयोग करें। यह React को UI को responsive बनाए रखने के लिए निर्देश देता है।
भारी data processing को अपने app की performance खराब न करने दें।
Source: https://dev.to/iprajapatiparesh/stop-blocking-the-ui-interruptible-rendering-in-react-32mb