10 React Hooks Explained

What You Will Learn

• रिएक्ट हुक्स का उपयोग करके रिएक्ट फ्रेमवर्क की विशेषताओं को कैसे लागू करें
• रिएक्ट हुक्स के प्रकार और उनके उपयोग को समझना
• अपने स्वयं के रिएक्ट हुक्स बनाने की प्रक्रिया को जानना

Key Concepts

रिएक्ट हुक्स विशेष फंक्शन हैं जो रिएक्ट फ्रेमवर्क की विशेषताओं को लागू करने में मदद करते हैं। वे रिएक्ट के निम्न स्तर की विशेषताओं को एक्सेस करने की अनुमति देते हैं जो आमतौर पर वैनिला जावास्क्रिप्ट में नहीं होती हैं। रिएक्ट हुक्स को केवल फंक्शनल कंपोनेंट के शीर्ष स्तर पर ही कॉल किया जा सकता है। रिएक्ट हुक्स के उदाहरण में यूज़ स्टेट, यूज़ इफेक्ट, और यूज़ रिफ शामिल हैं।

Code Examples

• from within a component - यह कोड स्निपेट रिएक्ट हुक्स को कंपोनेंट के अंदर कॉल करने का तरीका दिखाता है।
• import it in your React app, type use into the IDE, and that should give you a list of all the hooks that are available to you - यह कोड स्निपेट रिएक्ट हुक्स को आयात करने का तरीका दिखाता है।
• with JavaScript to easily assign the values to local variables that we can name whatever we want - यह कोड स्निपेट जावास्क्रिप्ट का उपयोग करके स्थानीय वेरिएबल्स को असाइन करने का तरीका दिखाता है।

Lesson Summary

इस पाठ में, हमने रिएक्ट हुक्स की मूल बातें सीखीं। हमने देखा कि रिएक्ट हुक्स विशेष फंक्शन हैं जो रिएक्ट फ्रेमवर्क की विशेषताओं को लागू करने में मदद करते हैं। हमने यह भी सीखा कि रिएक्ट हुक्स को केवल फंक्शनल कंपोनेंट के शीर्ष स्तर पर ही कॉल किया जा सकता है। हमने रिएक्ट हुक्स के उदाहरण में यूज़ स्टेट, यूज़ इफेक्ट, और यूज़ रिफ के बारे में भी सीखा। हमने देखा कि रिएक्ट हुक्स का उपयोग करके हम अपने स्वयं के रिएक्ट हुक्स बना सकते हैं और उन्हें अपने कंपोनेंट में उपयोग कर सकते हैं। इस पाठ के अंत में, हमने रिएक्ट हुक्स के महत्व और उनके उपयोग को समझा।

Practice Exercise

एक फंक्शनल कंपोनेंट बनाएं जो यूज़ स्टेट हुक का उपयोग करके एक काउंटर वेरिएबल को बनाए और अपडेट करे। फिर, इस काउंटर वेरिएबल को अपने कंपोनेंट में प्रदर्शित करें।

What Is Next

अगले पाठ में, हम रिएक्ट हुक्स के अधिक उन्नत विषयों पर चर्चा करेंगे, जैसे कि यूज़ इफेक्ट और यूज़ रिफ। हम देखेंगे कि इन हुक्स का उपयोग करके हम अपने कंपोनेंट को और भी अधिक शक्तिशाली और लचीला बना सकते हैं।