Performance और Memoization

React कोर्स का हिस्सा

आपके ऐप में दो हज़ार पंक्तियों वाली एक टेबल है और उसके ऊपर एक खोज बॉक्स। हर कीस्ट्रोक भारी लगता है: आप टाइप करते हैं, और आधे सेकंड बाद अक्षर दिखाई देता है। कुछ टूटा नहीं है, और कोड भी ठीक-ठाक दिखता है। हो यह रहा है कि खोज बॉक्स में एक अकेला अक्षर पड़ते ही React उन दो हज़ार पंक्ति कंपोनेंट में से हर एक को दोबारा चलाता है, हिसाब लगाता है कि उनमें से लगभग कोई नहीं बदला, और फिर स्क्रीन अपडेट करता है।

React जानबूझकर खुलकर दोबारा रेंडर करता है, और ज़्यादातर वक़्त यही सही भी है, क्योंकि किसी कंपोनेंट फ़ंक्शन को चलाना सस्ता पड़ता है और React यह निकालने में माहिर है कि पेज पर कम से कम क्या बदलना ज़रूरी है। कभी-कभार यह सही नहीं होता, और ऐसे मौकों के लिए React तीन टूल देता है जिनसे आप कह सकें कि "यह नतीजा बदला नहीं है, पिछला ही दोबारा इस्तेमाल कर लो"। इन सबका साझा नाम है मेमोइज़ेशन (memoization): किसी गणना का उत्तर याद...