UI کو بلاک کرنا بند کریں: React میں Interruptible Rendering
React renders آپ کے یوزر انٹرفیس (UI) کو فریز کر سکتے ہیں۔
بھاری کمپیوٹیشنز (Heavy computations) مین تھریڈ کو بلاک کر دیتی ہیں۔ آپ کے صارفین کو ایک فریز شدہ اسکرین نظر آتی ہے۔ یہ تجربے کو خراب کر دیتا ہے۔
Interruptible rendering اس مسئلے کو حل کرتی ہے۔ یہ React کو صارف کے ان پٹ (user input) کو سنبھالنے کے لیے کام روکنے کی اجازت دیتی ہے۔
یہ کیسے کام کرتا ہے:
- React کام کو چھوٹے حصوں (chunks) میں تقسیم کرتا ہے۔
- یہ کلکس یا ٹائپنگ جیسے اعلیٰ ترجیح والے کاموں (high priority tasks) کو چیک کرتا ہے۔
- اگر کوئی صارف انٹرایکٹ کرتا ہے، تو React بیک گراؤنڈ ٹاسک کو روک دیتا ہے۔
- React پہلے ان پٹ کو سنبھالتا ہے۔
- React بعد میں بیک گراؤنڈ ٹاسک کو دوبارہ شروع کر دیتا ہے۔
آپ اسے مینیج کرنے کے لیے transitions کا استعمال کرتے ہیں۔ غیر ضروری اپ ڈیٹس (non-urgent updates) کو نشان زد کرنے کے لیے useTransition کا استعمال کریں۔ یہ React کو UI کو ریسپونسو (responsive) رکھنے کا حکم دیتا ہے۔
بھاری ڈیٹا پروسیسنگ کو اپنی ایپ کی کارکردگی (performance) تباہ کرنے سے روکیں۔
ماخذ: https://dev.to/iprajapatiparesh/stop-blocking-the-ui-interruptible-rendering-in-react-32mb