नोट्स: मैप स्टेट टू प्रॉप्स और मैप डिस्पैच टू प्रॉप्स

अध्याय का परिचय

• कक्षा को आरंभ करने से पहले छात्रों को पुरानी वीडियो और कक्षाओं के बारे में बताया गया।
• यह महत्वपूर्ण है कि छात्र निरंतर प्रयासरत रहें।

Redux का उपयोग

• Redux का उपयोग करते समय, हम dispatch फ़ंक्शन का उपयोग करते हैं।
• dispatch के माध्यम से हम एक्शन को स्टोर तक पहुंचाते हैं।
• डेटा प्राप्त करने के लिए useSelector का उपयोग करते हैं।
• डेटा भेजने और प्राप्त करने के सभी कार्य सुचारू रूप से हो रहे हैं।

कोडिंग प्रिंसिपल्स

• SOLID प्रिंसिपल्स में से एक "सिंगल रिस्पॉन्सबिलिटी" है।
• कंपोनेंट की जिम्मेदारी केवल डेटा को प्रदर्शित करना होना चाहिए।
• डेटा को कैसे प्राप्त किया जाए, यह कंपोनेंट की जिम्मेदारी नहीं होनी चाहिए।

स्मार्ट और डंब कंपोनेंट्स

• स्मार्ट कंपोनेंट्स: डेटा का स्रोत जानते हैं, और dispatch करने का कार्य भी करते हैं।
• डंब कंपोनेंट्स: केवल प्रॉप्स के माध्यम से डेटा प्राप्त करते हैं और कार्य करते हैं।
• स्मार्ट कंपोनेंट्स को टेस्ट करना कठिन होता है जबकि डंब कंपोनेंट्स को टेस्ट करना आसान होता है।

रियूजेबिलिटी

• डंब कंपोनेंट्स को कई जगहों पर बिना किसी बदलाव के उपयोग किया जा सकता है।
• इसे एक्जाम्पल के तौर पर फेसबुक के फ्रेंड लिस्ट के रूप में समझा गया।
• जब कंपोनेंट को रियूज किया जाता है, तो उसी कोड का उपयोग अलग-अलग कार्यों के लिए किया जा सकता है।

मैप स्टेट टू प्रॉप्स और मैप डिस्पैच टू प्रॉप्स

• mapStateToProps: यह स्टोर के डेटा को प्रॉप्स के रूप में कंपोनेंट को देता है।
• mapDispatchToProps: यह एक्शन क्रिएटर को प्रॉप्स के रूप में कंपोनेंट को देता है।
• इन दोनों का उपयोग करते समय, कंपोनेंट को केवल प्रॉप्स प्रदान करना होता है।

कोड उदाहरण

• connect फ़ंक्शन का उपयोग करके एक HOC (Higher Order Component) बनाया गया।
• HOC से नया कंपोनेंट प्राप्त होता है।
• इस नए कंपोनेंट में प्रॉप्स की व्यवस्था अपने आप हो जाती है।

यूनिट टेस्टिंग और कोड मैनेजमेंट

• यूनिट टेस्टिंग का उद्देश्य बग्स से बचाना और कोड को अधिक मॉड्यूलर बनाना है।
• एक अच्छे कोड का मतलब है कि उसे आसानी से समझा और टेस्ट किया जा सकता है।

फिजिकल वर्ल्ड और कोडिंग

• कोडिंग में आपको चीज़ों को आसानी से जोड़ने की आज़ादी होती है, जबकि फिजिकल वर्ल्ड में ऐसा नहीं हो सकता।
• कोडिंग में, आप विभिन्न HOCs का उपयोग करके एक ही कंपोनेंट को विभिन्न तरीकों से उपयोग कर सकते हैं।

होमवर्क

• एक नया प्रोजेक्ट बनाना है - "पैट फाइंडर"।
• प्रोजेक्ट में बताए गए सभी निर्देशों का पालन करना है।

निष्कर्ष

• अगली कक्षा में हम withRouter HOC बनाएंगे।
• यह महत्वपूर्ण है कि कंपोनेंट डंब रहें और केवल प्रॉप्स के माध्यम से डेटा प्राप्त करें।
• छात्रों को आगे बढ़ने के लिए प्रेरित किया गया।