useState এ const ভ্যারিয়েবল কি mutate হয় ?

আপনি কি কখনো ভেবেছেন, React-এ useState কীভাবে const ভ্যারিয়েবলের সাথে কাজ করে? :thinking:

আমরা জানি Javascriptconst variable mutate করা যায় না । তাহলে ReactsetState এর মাধ্যমে কিভাবে ভ্যালু চ্যাঞ্জ হয় ?


মজার ব্যাপার হলো: React কখনো আপনার const ভ্যারিয়েবলকে মিউটেট করে না!

যখন আপনি এভাবে স্টেট ডিক্লেয়ার করেন:

const [count, setCount] = useState(0);

আপনি setCount ব্যবহার করলে count পরিবর্তন হয় না। বরং, React একটি আপডেট শিডিউল করে, কম্পোনেন্টকে আবার রি-রেন্ডার করে, এবং পরবর্তী রেন্ডারে সম্পূর্ণ নতুন count ভ্যারিয়েবল, নতুন ভ্যালুসহ তৈরি হয় ।

:brain: গুরুত্বপূর্ণ তথ্য:
const ভ্যারিয়েবল আসলেই অপরিবর্তনীয় থাকে। React ব্যাকগ্রাউন্ডে স্টেট আপডেটগুলো হ্যান্ডেল করে তার ইন্টারনাল ডাটা স্ট্রাকচার এবং রিকনসিলিয়েশন প্রসেসের মাধ্যমে। এটাই JavaScript-এর const রুলস ভাঙা ছাড়াই React-কে কাজ করতে দেয়।

:computer: নিজেই পরীক্ষা করুন:
আপনার কম্পোনেন্টে একটি লগ বা ব্রেকপয়েন্ট যোগ করুন এবং দেখুন প্রতিটি রি-রেন্ডারে ভ্যারিয়েবল কীভাবে পরিবর্তন হয়:

console.log("Rendered with count:", count);

React কীভাবে আগের স্টেট ধরে রাখে, রি-রেন্ডার করে এবং রিকনসিলিয়েশন প্রসেস চালায় তা জানতে চান?
:point_right: পুরো ব্লগটি পড়ুন বিস্তারিত জানার জন্য: React’s useState and the Truth About const Variable Mutation

react javascript usestate webdevelopment frontend #BanglaTech

4 Likes