Redux-এ প্রাথমিক পরিভাষা

এই পাঠে আমরা সংক্ষেপে সেই সমস্ত মৌলিক ধারণা ও পরিভাষাগুলির উপর দৃষ্টিপাত করব, যেগুলি আয়ত্ত্ব করা Redux আরও অধ্যয়নের জন্য অপরিহার্য।

আমরা শুরু করব অ্যাকশন (action) দিয়ে। এটি হল একটি ঘটনা যা আমাদের অ্যাপ্লিকেশনে কি ঘটেছে তা বর্ণনা করে। প্রযুক্তিগতভাবে এটি একটি সাধারণ JavaScript অবজেক্ট, যাতে type নামক একটি ফিল্ড থাকে, যেখানে আমরা অ্যাকশনের নাম লিখে থাকি।

অ্যাকশন অবজেক্টের দ্বিতীয় গুরুত্বপূর্ণ ফিল্ডটি হল payload ফিল্ড। এটি অ্যাকশনের পেওলোড ধারণ করবে। পেওলোড বলতে কিছু ডেটা বোঝায়, যা অ্যাকশনে প্যারামিটার হিসেবে প্রেরণ করা হয়।

এই অবজেক্টে অতিরিক্ত তথ্য সহ অন্যান্য ফিল্ডও থাকতে পারে।

উদাহরণস্বরূপ, আসুন একটি অ্যাকশন তৈরি করি এবং এর নাম দিই addOrderAction। ধরা যাক এটি একটি অর্ডার যোগ করার দায়িত্বে রয়েছে। সুতরাং type প্রপার্টিতে আমরা উল্লেখ করব যে অর্ডারটি অর্ডারগুলিতে (orders) যোগ করা হয়েছে (orderAdded)। আর payload-এ আমরা বিস্তারিত উল্লেখ করব, কি অর্ডারটি, উদাহরণস্বরূপ - একটি দেয়াল রং করা:

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

প্রতিবার manually অ্যাকশন অবজেক্ট লিখতে না গিয়ে, আমরা তথাকথিত action creator ব্যবহার করতে পারি - এটি একটি ফাংশন, যা আমাদের জন্য অ্যাকশন অবজেক্ট তৈরি করে এবং রিটার্ন করে। এর নাম দিই addOrder। আমরা এটিকে একটি প্যারামিটার হিসেবে payload প্রপার্টির জন্য প্রয়োজনীয় টেক্সট পাঠাবো:

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

পরবর্তী গুরুত্বপূর্ণ ধারণাটি হল reducer (রিডিউসার) - একটি ফাংশন যা বর্তমান স্টেট এবং অ্যাকশন অবজেক্ট নেয়। এই ফাংশনটি সিদ্ধান্ত নেয় কিভাবে স্টেট আপডেট করতে হবে এবং প্রয়োজনে ইতিমধ্যে আপডেট করা স্টেটটি রিটার্ন করে।

পরবর্তী ধারণা - স্টোর (store) - এটি একটি অবজেক্ট যাতে Redux অ্যাপ্লিকেশনের বর্তমান গ্লোবাল স্টেট সংরক্ষিত থাকে। এই অবজেক্টের একটি মেথড আছে যার নাম getState, এর সাহায্যে বর্তমান স্টেটের মান পাওয়া যায়।

স্টোরের আরও একটি মেথড হল dispatch। এটিকে কল করে একটি অ্যাকশন অবজেক্ট পাঠানোই হল স্টেট পরিবর্তনের একমাত্র উপায়। ফলস্বরূপ স্টোর রিডিউসার ফাংশনটি চালু করবে এবং নতুন স্টেটের মানটি নিজের কাছে সংরক্ষণ করবে।

এবং শেষ ধারণা, যা আমরা এই পাঠে বিবেচনা করব তা হল সিলেক্টর। সিলেক্টরগুলি হল বিশেষ ফাংশন, যেগুলি জানে কিভাবে স্টোরের মধ্যে থাকা স্টেট থেকে তথ্য বের করতে হয়। এই ফাংশনগুলি অ্যাপ্লিকেশন বড় হয়ে গেলে বিশেষভাবে উপযোগী প্রমাণিত হয় এবং কোডের পুনরাবৃত্তি এড়াতে সাহায্য করে।

এই সমস্ত ধারণা এবং বাস্তবে এগুলির প্রয়োগ সম্পর্কে আরও বিস্তারিত আমরা এই টিউটোরিয়ালের পরবর্তী বিভাগগুলি থেকে জানতে পারব।