यहां रिएक्ट को शक्ति प्रदान करने वाले प्रमुख एल्गोरिदम का विवरण दिया गया है:
1. डिफिंग एल्गोरिथम
- रिएक्ट की दक्षता के लिए भिन्न एल्गोरिदम महत्वपूर्ण है।
- जब किसी घटक की स्थिति या प्रॉप्स बदलते हैं, तो रिएक्ट इस एल्गोरिदम का उपयोग करके वर्तमान वर्चुअल DOM की तुलना नए वर्चुअल DOM से करता है।
- ऊपर से नीचे तक दो पेड़ों की नोड दर नोड जांच करके, यह अंतर की पहचान करता है और वास्तविक DOM में केवल परिवर्तित तत्वों को अपडेट करता है।
- यह लक्षित अद्यतनीकरण महंगे DOM हेरफेर को कम करता है, जिसके परिणामस्वरूप तेज़ प्रदर्शन होता है।
लेकिन इसे अधिक सफल/अनुकूलित एल्गोरिदम बनाने के लिए हमें सूची आइटम में कुंजियाँ जोड़ने की आवश्यकता है।
2. सुलह
-
सुलह प्रक्रिया है रिएक्ट DOM को अपडेट करने के लिए उपयोग करता है।
- किसी घटक की स्थिति या प्रॉप्स में परिवर्तन होने पर, रिएक्ट एक नया वर्चुअल DOM बनाता है और इसकी तुलना पिछले वाले से करता है।
- अलग-अलग एल्गोरिदम का लाभ उठाते हुए, रिएक्ट कुशल अपडेट सुनिश्चित करते हुए वास्तविक DOM को नए वर्चुअल DOM के साथ सिंक्रनाइज़ करने के लिए आवश्यक परिवर्तनों के न्यूनतम सेट की गणना करता है।
3. रिएक्ट फाइबर
- रिएक्ट फाइबर, रिएक्ट के सुलह एल्गोरिथ्म का एक पुनर्कल्पित संस्करण है, जिसे रिएक्ट 16 में पेश किया गया है।
- फाइबर का प्राथमिक उद्देश्य वृद्धिशील रेंडरिंग को सक्षम करना है, जो रेंडरिंग कार्य को छोटे-छोटे हिस्सों में तोड़कर कई फ़्रेमों में वितरित करने की अनुमति देता है।
- यह क्षमता नए अपडेट आने पर रिएक्ट को काम को रोकने, निरस्त करने या पुन: उपयोग करने देती है, और प्रतिक्रिया में सुधार करते हुए विभिन्न प्रकार के अपडेट को प्राथमिकता देती है।
4. संदर्भ एपीआई
- कॉन्टेक्स्ट एपीआई रिएक्ट एप्लिकेशन के सभी स्तरों पर डेटा साझाकरण को सक्षम करके प्रोप ड्रिलिंग की चुनौती का समाधान करता है।
- यह घटक ट्री के नीचे डेटा पास करने के लिए प्रदाता-उपभोक्ता संबंध का उपयोग करता है, प्रत्येक स्तर के माध्यम से प्रॉप्स को मैन्युअल रूप से पास करने की आवश्यकता के बिना वैश्विक स्थिति के प्रबंधन को सरल बनाता है।
नोट:- इसकी अपनी समस्याएं हैं, इससे संबंधित अधिक जानकारी एक अलग लेख में दी जाएगी।
यदि आपके कोई प्रश्न/चिंता हो तो बेझिझक मुझसे संपर्क करें।