স্টেট (State) কী?
> UI-তে ইউজারের অ্যাকশনের জন্য— বাটনগুলোতে প্রাণ দিই!
UI-তে ইউজারের অ্যাকশনের জন্য— বাটনগুলোতে প্রাণ দিই!
আমাদের ওয়েবসাইটে মাঝে মাঝে ইউজারের ইন্টারঅ্যাকশনের উপর ভিত্তি করে স্ক্রিন আপডেট করতে হয়।
যেমন:
- গ্যালারির কোনো একটি ইমেজে ক্লিক করলে সেটাকে বড় করে দেখানো
- কোনো বাটনে ক্লিক করলে নতুন কনটেন্ট দেখানো
স্টেট (State) কী?
React-এ সময়ের সাথে ডাটা পরিবর্তনকে "State" বলে।
আমরা যেকোনো কম্পোনেন্টে state যোগ করতে পারি, এবং ইউজারের ইন্টারঅ্যাকশনের উপর ভিত্তি করে তা আপডেট করতে পারি।
এই অধ্যায়ে শিখবো:
✅ কীভাবে ইভেন্ট হ্যান্ডলার ব্যবহার করে ইউজারের ইন্টারঅ্যাকশন হ্যান্ডেল করবেন
✅ স্টেট কীভাবে কাজ করে এবং এটি কম্পোনেন্টের ডাটা মনে রাখে
✅ React কীভাবে UI আপডেট করে দুটি ধাপে
✅ স্টেট পরিবর্তনের পরেও কেন UI সাথে সাথে আপডেট হয় না
✅ কীভাবে একাধিক স্টেট আপডেট কিউতে জমা থাকে এবং কীভাবে কাজ করে
✅ কীভাবে state এর অবজেক্ট আপডেট করতে হয়
✅ কীভাবে state এর অ্যারে আপডেট করতে হয়
🚀 React Bangla কমিউনিটি
যদি আপনি React, Next.js, Redux, TypeScript এর মতো মর্ডান ফ্রন্টএন্ড টেকনোলজিতে আগ্রহী হন, তাহলে আমাদের Discord সার্ভার এ জয়েন করুন।
🎉 এখনই জয়েন করুনUI as a Tree | আপনার UI-কে একটি ট্রি হিসেবে বোঝা
React-এ কীভাবে UI ট্রি স্ট্রাকচার হিসেবে কাজ করে, রেন্ডার ট্রি (Render Tree) কী এবং প্যারেন্ট-চাইল্ড সম্পর্ক কীভাবে তৈরি হয়, তা জানুন।
Responding to Events | ইভেন্টের প্রতিক্রিয়া
React-এ কীভাবে বিভিন্ন ইভেন্ট হ্যান্ডল করতে হয় এবং ইউজারের ইন্টারেকশনের সাথে রেসপন্স করতে হয়, এই বাংলা টিউটোরিয়ালে শিখুন।