🚀 React হুকস সম্পর্কে কিছু তথ্য

1.useState:

useState হলো React-এর একটি বিল্ট-ইন হুক, যা আমাদেরকে কম্পোনেন্টের মধ্যে স্টেট ম্যানেজ করতে সহায়তা করে। useState একটি initial value নেয় এবং এটি একটি array রিটার্ন করে, যার প্রথম ইনডেক্সে থাকে state-এর বর্তমান ভ্যালু এবং দ্বিতীয় ইনডেক্সে থাকে state-এর ভ্যালু আপডেট করার জন্য একটি ফাংশন। useState যেকোনো ধরনের ডেটা রাখতে পারে, যেমন string, number, boolean, array, object অথবা এগুলোর combination রেখেও ব্যবহার করা যায়। স্টেট বলতে বোঝায় কম্পোনেন্টের এমন ডেটা যা সময়ের সাথে সাথে পরিবর্তিত হতে পারে।

2. useEffect:

useEffect হলো React-এর আরেকটি বিল্ট-ইন হুক, যা side effects handle করতে ব্যবহৃত হয়। Side effects বলতে এমন কাজগুলোকে বোঝায়, যা component render হওয়ার পর বা update হওয়ার পর ঘটতে পারে। উদাহরণস্বরূপ, data fetch করা, ডম (DOM) কে সরাসরি ম্যানিপুলেট করা, বা কোনো external API এর সাথে যোগাযোগ করা।

useEffect মূলত দুইটি অংশ নিয়ে কাজ করে: প্রথম অংশ হলো একটি ফাংশন যেখানে আমরা side effects সংক্রান্ত কোড লিখি, আর দ্বিতীয় অংশ হলো একটি dependency array, যা নির্ধারণ করে কোন কোন ভ্যালু পরিবর্তিত হলে এই effect পুনরায় চালু হবে। যদি dependency array খালি থাকে, তবে effect শুধু মাত্র প্রথমবার কম্পোনেন্ট মাউন্ট হওয়ার পর চলবে।

3. useContext:

useContext হলো React এর একটি hook যা context API এর সাথে কাজ করে। Context API একটি built-in feature যা React কম্পোনেন্ট ট্রি এর মধ্যে data শেয়ার করার সুবিধা প্রদান করে, যাতে কোন নির্দিষ্ট কম্পোনেন্টের মধ্যে data পাঠাতে বা props drilling করতে না হয়। এটি সাধারণত global state management এর জন্য ব্যবহার হয়।

useContext hook এর মাধ্যমে আপনি একটি context object থেকে value access করতে পারেন। এটি ব্যবহার করার জন্য, প্রথমে আপনাকে একটি context object তৈরি করতে হবে React.createContextএর মাধ্যমে। এরপর, একটি context provider component ব্যবহার করে ঐ context এর value প্রদান করা হয়। পরবর্তীতে,useContext hook ব্যবহার করে সেই context এর value অ্যাক্সেস করা যায়।