Hooks (useState, useEffect, useContext, এবং আরও অনেক কিছু) হল React-এর বৈশিষ্ট্য যা ফাংশনাল কম্পোনেন্টে state এবং side effects পরিচালনা করে — এবং সেগুলি React Native-এ একইভাবে কাজ করে। মূল hooks বোঝা React Native কম্পোনেন্ট তৈরির জন্য অপরিহার্য।
const [count, setCount] = useState(0); // state + setter; setting it re-renders
const [user, setUser] = useState();
// useEffect runs side effects (data fetching, subscriptions) after render
useEffect(() => {
fetchData(); // runs after render
// optional CLEANUP (returned function) — runs on unmount / before re-running
const sub = subscribe();
return () => sub.unsubscribe(); // CLEAN UP (prevent leaks)
}, [dependency]); // dependency array → when to re-run
// → [] = run once on mount; [dep] = run when dep changes; none = every render
useEffect side effects পরিচালনা করে (ডেটা ফেচিং, সাবস্ক্রিপশন, টাইমার) একটি dependency array সহ যা নিয়ন্ত্রণ করে এটি কখন চলে, এবং একটি ঐচ্ছিক cleanup ফাংশন (লিক প্রতিরোধের জন্য গুরুত্বপূর্ণ)।
useContext → consume context (shared data without prop drilling)
useRef → a mutable reference that persists across renders (e.g. reference a component,
store a value without re-rendering)
useMemo → memoize an expensive computed value (performance)
useCallback → memoize a function (avoid unnecessary re-creation/re-renders)
useReducer → manage complex state with a reducer
CUSTOM HOOKS → extract reusable stateful logic (e.g. useFetch, useAuth)
⚠️ Only call hooks at the TOP LEVEL of a component (not in conditions/loops/nested functions)
⚠️ Only call hooks from React components or custom hooks
→ These rules ensure hooks work correctly (React relies on call order).
React hooks বোঝা React Native-এর জন্য অপরিহার্য কারণ hooks হল ফাংশনাল কম্পোনেন্টে state এবং side effects পরিচালনার মানক উপায়, যেগুলি আধুনিক React Native অ্যাপ্লিকেশন তৈরি করে, তাই এটি অবশ্য শিখতে হবে এমন জ্ঞান।
Hooks React Native-এ ওয়েব React-এর মতোই অভিন্নভাবে কাজ করে, এই জ্ঞানকে সরাসরি হস্তান্তরযোগ্য করে তোলে। useState (state পরিচালনা, re-renders ট্রিগার করা) পরিবর্তনশীল ডেটা সহ যেকোনো কম্পোনেন্টের জন্য মৌলিক। useEffect বিশেষভাবে গুরুত্বপূর্ণ: এটি side effects পরিচালনা করে (ডেটা ফেচিং, সাবস্ক্রিপশন, টাইমার) একটি dependency array সহ যা নিয়ন্ত্রণ করে এটি কখন চলে এবং একটি ঐচ্ছিক cleanup ফাংশন (আনসাবস্ক্রাইব/পরিষ্কার করার মাধ্যমে লিক প্রতিরোধের জন্য গুরুত্বপূর্ণ) — useEffect, এর dependency array, এবং cleanup বোঝা অপরিহার্য কারণ side effects (যেমন একটি screen লোড হওয়ার সময় ডেটা ফেচিং) সাধারণ এবং useEffect ভুল করা bugs সৃষ্টি করে (ভুল dependencies থেকে infinite loops, মিসিং cleanup থেকে leaks)।
অন্যান্য মূল hooks বোঝা — useContext (শেয়ার করা ডেটা ব্যবহার করা prop drilling ছাড়াই), useRef (স্থায়ী mutable রেফারেন্স), useMemo/useCallback (মনোমোরাইজেশন পারফরম্যান্সের জন্য), useReducer (জটিল state), এবং custom hooks (পুনরায় ব্যবহারযোগ্য stateful লজিক নিষ্কাশন যেমন useFetch বা useAuth — কোড পুনরায় ব্যবহারের জন্য একটি শক্তিশালী প্যাটার্ন) — বাস্তব কম্পোনেন্ট তৈরির জন্য টুলকিট কভার করে।
hooks এর নিয়মকানুন বোঝা (শুধুমাত্র শীর্ষ স্তরে এবং শুধুমাত্র কম্পোনেন্ট/custom hooks থেকে সেগুলি কল করা, কারণ React call order এর উপর নির্ভর করে) সূক্ষ্ম bugs এড়াতে অপরিহার্য।
চূঁক hooks আধুনিক functional React Native কম্পোনেন্টে state এবং side effects এর জন্য মানক প্রক্রিয়া (এবং জ্ঞান সরাসরি React থেকে স্থানান্তরিত হয়), এবং চূঁক মূল hooks (বিশেষত useState এবং useEffect এর cleanup সহ) এবং নিয়মকানুন বোঝা সঠিক কম্পোনেন্ট তৈরির জন্য অপরিহার্য, React hooks বোঝা অপরিহার্য, ঘন ঘন প্রয়োগকৃত React Native জ্ঞান — আধুনিক React Native কম্পোনেন্ট তৈরির জন্য মৌলিক, state এবং side effects পরিচালনার জন্য কেন্দ্রীয়, এবং ওয়েব React থেকে সরাসরি স্থানান্তরযোগ্য, React Native ডেভেলপমেন্টের জন্য একটি মূল দক্ষতা।