रिडक्स ट्यूटोरियल नोट्स

परिचय

• स्वागत: थापा टेक्निकल चैनल पर आपका स्वागत है।
• विषय: React Redux का पूरा ट्यूटोरियल एक वीडियो में।

React Hooks और State Management

• Increment/Decrement का उदाहरण: 5 से increment कर सकते हैं, 1 से decrement कर सकते हैं।
• State Management: पहले React Hooks का उपयोग करते हुए state management दिखाया गया था।

Redux का परिचय

• Redux क्या है? State management के लिए एक library।
• केंद्रीय स्टोर: Redux में एक centralized store होता है जिसमें सभी application state store रहती है।
• Data Flow: डेटा एक दिशा में बहता है (parent to child), जिससे prop drilling की समस्या होती है।

Redux का महत्व

• State Management: Redux आपके application के state को प्रबंधित करने में मदद करता है।
• Predictable State: State को update करने के लिए actions का उपयोग किया जाता है।

Redux की संरचना

मुख्य तत्व:

1. Actions: क्या करना है, यह बताता है।
   • उदाहरण: Increment और Decrement के लिए actions।
2. Reducers: State को कैसे अपडेट करना है, यह बताता है।
3. Store: Application की सारी state को store करता है।

डेटा कॉल करना

• Redux में, किसी भी component को डेटा प्राप्त करने के लिए store को call करना होता है।
• Dispatch: Actions को trigger करने के लिए dispatch का उपयोग किया जाता है।

Redux की प्रक्रिया

• Action Creator: एक फंक्शन जो action को बनाता है।
• Reducer: जो current state और action को लेता है और नई state return करता है।
• Store Creation: Redux के store को create करने की प्रक्रिया।

Redux का उपयोग कैसे करें

Installation:

• React Redux को install करना आवश्यक है।

Practical Example:

1. Component Creation: UI के लिए components बनाना।
2. Using Provider: Redux store को components में प्रदान करना।
3. Using useSelector & useDispatch: State और actions को access करना।

Conclusion

• Redux का उपयोग: बड़े applications में डेटा को manage करने के लिए उपयोग किया जाता है।
• Comments और प्रतिक्रिया: वीडियो के बाद feedback देना।

ट्यूटोरियल का लक्ष्य

• Redux और React Hooks के बीच तुलना करना और implement करना।
• Prop drilling को समझाना और Redux के माध्यम से हल करना।