Redux में मूल शब्दावली

इस पाठ में हम संक्षेप में उन मूल अवधारणाओं और शब्दों पर चलेंगे, जिनका ज्ञान Redux के आगे के अध्ययन के लिए आवश्यक है।

हम क्रिया (action) से शुरू करेंगे। यह कुछ ऐसी घटना है जो हमारे एप्लिकेशन में घटित हुई है उसे वर्णित करती है। तकनीकी रूप से यह एक सामान्य JavaScript ऑब्जेक्ट है, जिसमें type फ़ील्ड होती है, जिसमें हम क्रिया का नाम लिखते हैं।

क्रिया वाले ऑब्जेक्ट की दूसरी महत्वपूर्ण फ़ील्ड payload फ़ील्ड है। इसमें क्रिया का पेलोड (उपयोगी डेटा) होगा। पेलोड से तात्पर्य कुछ ऐसे डेटा से है जो क्रिया में पैरामीटर के रूप में पारित किए जाते हैं।

इस ऑब्जेक्ट में अतिरिक्त जानकारी वाली अन्य फ़ील्ड्स भी हो सकती हैं।

आइए उदाहरण के लिए एक क्रिया बनाएं और इसे addOrderAction नाम दें। मान लीजिए यह ऑर्डर जोड़ने के लिए जिम्मेदार है। तो type गुण में हम बताएंगे कि ऑर्डर ऑर्डरों में जोड़ दिया गया है (orderAdded) (orders)। और payload में विस्तार से बताएंगे, कि ऑर्डर क्या है, उदाहरण के लिए - दीवार पेंट करवाना:

const addOrderAction = {
	type: 'orders/orderAdded',
	payload: 'Paint a wall'
}

हर बार क्रिया वाला ऑब्जेक्ट हाथ से लिखने से बचने के लिए, हम तथाकथित action creator का उपयोग कर सकते हैं - एक फ़ंक्शन जो हमारे लिए क्रिया वाला ऑब्जेक्ट बनाएगी और लौटाएगी। इसे addOrder नाम दें। पैरामीटर के रूप में हम इसमें payload गुण के लिए आवश्यक टेक्स्ट पास करेंगे:

const addOrder = text => {
	return {
		type: 'orders/orderAdded',
		payload: text
	}
}

श्रृंखला में अगली महत्वपूर्ण अवधारणा है reducer (रिड्यूसर) - एक ऐसा फ़ंक्शन जो वर्तमान स्थिति और क्रिया वाले ऑब्जेक्ट को स्वीकार करता है। यह फ़ंक्शन तय करता है कि स्थिति को कैसे अपडेट करना है और यदि आवश्यक हो तो अपडेट की गई स्टेट लौटाता है।

अगली अवधारणा - स्टोर (store) - एक ऐसा ऑब्जेक्ट है जिसमें Redux एप्लिकेशन की वर्तमान वैश्विक स्थिति संग्रहीत होती है। इस ऑब्जेक्ट में getState नामक एक विधि होती है, जिसकी मदद से वर्तमान स्टेट का मान प्राप्त किया जा सकता है।

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

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

इन सभी अवधारणाओं और व्यवहार में उनके अनुप्रयोग के बारे में अधिक जानकारी हम इस ट्यूटोरियल के अगले खंडों से प्राप्त करेंगे।