Context API Lecture Notes

परिचय

• उम्मीद है आप सभी अच्छे होंगे।
• इस वीडियो का टार्गेट है 1000 कमेंट्स।
• विषय है Context API।

Context API का महत्व

• Context API को समझने के लिए पहले Props को समझना जरूरी है।
• Props के माध्यम से ही Context API का उपयोग करना सीखना चाहिए।
• Redux और Redux Toolkit इसी से जुड़े हुए हैं।

पिछले अनुभव

• इस विषय को मैंने अन्य स्थानों पर सिखाया है।
• मैंने कई कंपनियों में इस विषय पर कार्यशालाएं आयोजित की हैं।

प्रोजेक्ट्स

• इस वीडियो में हम दो प्रोजेक्ट बनाएंगे।
• पहला प्रोजेक्ट: Theme Toggler (Light Mode और Dark Mode)।

Props और Context API

• Props के माध्यम से डेटा पास करने की समस्या।
• Prop drilling की समस्या का समाधान Context API से होता है।
• Context API Pure React का हिस्सा है।

Redux और State Management

• Redux और Redux Toolkit भी State Management के लिए हैं।
• Context API को समझने के बाद Redux समझना आसान हो जाता है।

प्रोजेक्ट सेटअप

• नया प्रोजेक्ट बनाना और आवश्यक पैकेज इंस्टॉल करना।
• React के official documentation पर Context API पढ़ना।

Context तैयार करना

• User Context बनाना और उसे Provider के रूप में उपयोग करना।
• Context API का उपयोग करने के लिए हमें एक global variable बनाना होता है।

User Context Provider

• User Context में createContext का उपयोग करना।
• Provider का उपयोग करके सभी child components तक डेटा पहुँचाना।

Components

• डैशबोर्ड, कार्ड, और अन्य components का निर्माण।
• Login और Profile components का निर्माण।

Theme Context तैयार करना

• Theme Context में light और dark modes का प्रबंधन।
• Theme switcher बनाने के लिए useEffect का उपयोग करना।

Tailwind CSS

• Tailwind CSS का उपयोग करके UI डिजाइन करना।
• Dark Mode और Light Mode के लिए Tailwind CSS की configuration।

नोट्स का महत्व

• Context API की पूरी कहानी को समझाना।
• वीडियो के अंत में GitHub पर code का commit करना।

अंतिम विचार

• इस वीडियो से सीखी गई महत्वपूर्ण बातों को साझा करें।
• Valuable content को दूसरों के साथ साझा करना आवश्यक है।

ध्यान दें: Tailwind में configuration करना न भूलें।