React में useEffect हुक के विविध रूप

useEffect हुक के और भी विविध रूप हैं, जो विशिष्ट हैं और बहुत कम इस्तेमाल होते हैं, इसलिए हम उन पर संक्षेप में रुकेंगे।

पहला विविध रूप - useLayoutEffect हुक है, जो तब सक्रिय होता है, जब ब्राउज़र स्क्रीन को पुनः चित्रित करता है। इस क्षमता का आप उपयोग आकारों की गणना करने और अन्य तत्वों के आधार पर कंपोनेंट की स्थिति निर्धारित करने के लिए कर सकते हैं, ताकि चित्रण के दौरान ब्राउज़र इसे तुरंत वैसे ही और जहाँ आवश्यक हो प्रदर्शित करे। इसके कारण, उदाहरण के लिए, उपयोगकर्ता स्थिति या आकार में परिवर्तन के दौरान कंपोनेंट के मध्यवर्ती उछलने नहीं देखेगा, बल्कि केवल उनके अंतिम संस्करण देखेगा।

दूसरा विविध रूप - useInsertionEffect हुक है, जो DOM वृक्ष में किसी भी परिवर्तन से पहले सक्रिय होता है, यानी तब, जब अभी तक refs संलग्न नहीं हुए हैं और DOM अद्यतन नहीं हुआ है। इसका उपयोग मुख्य रूप से उन जगहों पर किया जाता है जहाँ DOM में परिवर्तन से पहले CSS-in-JS लाइब्रेरीज से गतिशील स्टाइल्स डालने की आवश्यकता होती है।