रेडक्स एप्लिकेशन और सर्वर के बीच डेटा विनिमय
यह खंड उन उन्नत छात्रों के लिए होगा, जो रेडक्स में प्राप्त की गई सफलता पर रुके नहीं और इस ट्यूटोरियल के अंत तक पहुंचने का निर्णय लिया। अगले दो खंडों में, हम अतुल्यकालिक तर्क के साथ रेडक्स एप्लिकेशन के काम को छूएंगे, अपने एप्लिकेशन को सर्वर-साइड से जोड़ेंगे और उसे उसके साथ डेटा का आदान-प्रदान करना सिखाएंगे।
पिछले खंडों से हम जानते हैं कि रेडक्स एप्लिकेशन के काम का आधार तुल्यकालिक तंत्र है। काम के मुख्य चरणों में एप्लिकेशन में किसी घटना के होने पर एक्शन भेजना, फिर स्टोर में स्टेट को रिड्यूसर फ़ंक्शन द्वारा अपडेट करना, एप्लिकेशन के कंपोनेंट्स को स्टेट में परिवर्तन की सूचना देना और तदनुसार कंपोनेंट्स में स्टेट के नए मान को प्रदर्शित करना शामिल है।
वास्तविक जीवन में अक्सर ऐसा होता है कि एप्लिकेशन
को अतुल्यकालिक तर्क की भी आवश्यकता होती है,
उदाहरण के लिए HTTP API अनुरोधों के साथ काम करते
समय और किसी बाहरी सर्वर से डेटा प्राप्त करते
समय। इसलिए ताकि हमारा 'तुल्यकालिक' रेडक्स स्टोर
ऐसे अतुल्यकालिक तर्क के साथ काम कर सके,
तथाकथित middlware का उपयोग किया जाता है
- सॉफ्टवेयर जो हमारे एप्लिकेशन के स्टोर और,
उदाहरण के लिए, सर्वर के बीच मध्यस्थ या कड़ी
के रूप में कार्य करता है, जिसके साथ हम इस
ट्यूटोरियल के अध्याय में काम शुरू करेंगे।
रेडक्स के लिए ऐसे कई मिडलवेयर बनाए गए हैं,
हालांकि उनमें से सबसे व्यापक रूप से फैले हुए
और रेडक्स एप्लिकेशन द्वारा अतुल्यकालिक तर्क
के साथ काम करते समय आधिकारिक तौर पर अनुशंसित
अभी भी Redux Thunk
बना हुआ है। यह सॉफ्टवेयर हमें साधारण फ़ंक्शन
(या थंक) का उपयोग करने में मदद करता है,
जिनमें अतुल्यकालिक तर्क शामिल हो सकते हैं,
जैसे कि setTimeout, Promises, async/await,
हमारे स्टोर के साथ बातचीत करने के लिए।
शब्द के संदर्भ में, thunk एक ऐसा कोड है
जो कुछ विलंबित कार्य करता है।
अब, जब हमने थोड़ा परिचय प्राप्त कर लिया है कि रेडक्स में अतुल्यकालिक तर्क के साथ कैसे काम करना है, तो हम अपने एप्लिकेशन में इस चरण को लागू करना शुरू कर सकते हैं। हमें यह सुनिश्चित करने की आवश्यकता है कि हमारा एप्लिकेशन किसी बाहरी सर्वर के साथ बातचीत कर सके, उससे डेटा प्राप्त करके और उसे डेटा भेजकर। दूसरे शब्दों में, हमारे सामने एक रोमांचक और बहुत महत्वपूर्ण विषय है। चलिए शुरू करते हैं।
