React Optimization Hooks: useMemo vs useCallback

useMemo হচ্ছে React এর একটি অপটিমাইজেশন হুক যা একটি ফাংশন এবং ডিপেন্ডেন্সি অ্যারে আর্গুমেন্ট হিসেবে নেয় এবং একটি মেমোাইজড মান (value) রিটার্ন করে। এটি তখনই পুনরায় ক্যালকুলেট হয় যখন ডিপেন্ডেন্সি অ্যারে'র মধ্যে থাকা যেকোনো মান পরিবর্তিত হয়। এর ফলে, যদি কম্পোনেন্টটি বারবার রেন্ডার হয়, তবুও মেমোাইজড মানটি পুনরায় ক্যালকুলেট করার প্রয়োজন হয় না, যা পারফরম্যান্স বৃদ্ধি করে। উদাহরণস্বরূপ, যদি কোনো কম্পোনেন্টে ভারী গণনা, লিস্ট ফিল্টারিং বা sorting করার প্রয়োজন হয়, তাহলে useMemo ব্যবহার করে আমরা এই প্রক্রিয়াগুলিকে অপ্টিমাইজ করতে পারি।

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