Learn With Rafi, Chandpur (2025)

21/08/2024

🌟 React Optimization Hooks: useMemo vs useCallback 🌟

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

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

16/03/2024

Like our page to get more content like this!!
Web development learning!!
Share post to help your friends.✅

Address

Chandpur

Telephone

+8801880384564

Website

https://rafi-3d-protfolio.web.app/

Alerts

Be the first to know and let us send you an email when Learn With Rafi posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to Learn With Rafi:

Learn With Rafi