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

परिचय दो मूल विचार मूल शब्दावली Redux एप्लिकेशन का कार्य तीन मूल अवधारणाएँ

कार्य उपकरण

मुख्य उपकरण React एप्लिकेशन इंस्टॉलेशन और तैयारी React के साथ Redux और RTK इंस्टॉल करना Redux DevTools Extension इंस्टॉल करना React Router इंस्टॉल करना

बेसिक वर्कफ़्लो

स्लाइस जोड़ना रिड्यूसर सेलेक्टर और useSelector हुक कम्पोनेंट में स्टोर से डेटा प्राप्त करना फ़ॉर्म और लोकल स्टेट फ़ॉर्म जोड़ना रिड्यूसर और एक्शन एक्शन डिस्पैच करना वर्कफ़्लो पर चर्चा

डेटा के साथ काम करना

परिचय उत्पाद के लिए अलग पेज ब्राउज़र में उत्पाद पेज स्टोर में उत्पाद डेटा बदलना डेटा संपादित करने के लिए फॉर्म ब्राउज़र में उत्पाद संपादन पेज एक्शन ऑब्जेक्ट के लिए डेटा तैयार करना एक और स्लाइस जोड़ना विक्रेता की जानकारी जोड़ना फॉर्म में बदलाव करना स्लाइस से डेटा का बार-बार उपयोग अतिरिक्त लॉजिक जोड़ना रिड्यूसर जोड़ना एक्शन भेजना

सर्वर और डेटाबेस

परिचय स्टेट संरचना में परिवर्तन सेलेक्टर्स के कार्य में अनुकूलन सर्वर के साथ काम करने के लिए MSW स्थापित करना सर्वर के लिए डेटाबेस डेटाबेस के लिए डेटा मॉडल बनाना विक्रेता डेटा के साथ ऑब्जेक्ट बनाना उत्पाद डेटा के साथ ऑब्जेक्ट बनाना डेटाबेस में एंट्री बनाना GET-अनुरोध पर सर्वर से डेटा भेजना एप्लिकेशन के लिए क्लाइंट

अतुल्यकालिक तर्क और थंक्स

थंक्स का परिचय createAsyncThunk उपयोग के लाभ कंपोनेंट से थंक भेजना अतिरिक्त रिड्यूसर डुप्लिकेट अनुरोधों से बचाव अनुरोध स्थिति का उपयोग विक्रेताओं के डेटा प्राप्त करना सीधे थंक भेजना थंक द्वारा भेजे गए अनुरोध का प्रसंस्करण थंक का उपयोग करके डेटा भेजना कंपोनेंट में परिणाम प्रदर्शित करना विक्रेताओं की सूची प्रदर्शित करना विक्रेता पृष्ठ
idswes