আপনি কি কখনো ভেবেছেন, React-এ useState
কীভাবে const
ভ্যারিয়েবলের সাথে কাজ করে?
আমরা জানি Javascript
এ const
variable mutate করা যায় না । তাহলে React এ setState
এর মাধ্যমে কিভাবে ভ্যালু চ্যাঞ্জ হয় ?
মজার ব্যাপার হলো: React কখনো আপনার
const
ভ্যারিয়েবলকে মিউটেট করে না!
যখন আপনি এভাবে স্টেট ডিক্লেয়ার করেন:
const [count, setCount] = useState(0);
আপনি setCount
ব্যবহার করলে count
পরিবর্তন হয় না। বরং, React একটি আপডেট শিডিউল করে, কম্পোনেন্টকে আবার রি-রেন্ডার করে, এবং পরবর্তী রেন্ডারে সম্পূর্ণ নতুন count
ভ্যারিয়েবল, নতুন ভ্যালুসহ তৈরি হয় ।
গুরুত্বপূর্ণ তথ্য:
const
ভ্যারিয়েবল আসলেই অপরিবর্তনীয় থাকে। React ব্যাকগ্রাউন্ডে স্টেট আপডেটগুলো হ্যান্ডেল করে তার ইন্টারনাল ডাটা স্ট্রাকচার এবং রিকনসিলিয়েশন প্রসেসের মাধ্যমে। এটাই JavaScript-এর const
রুলস ভাঙা ছাড়াই React-কে কাজ করতে দেয়।
নিজেই পরীক্ষা করুন:
আপনার কম্পোনেন্টে একটি লগ বা ব্রেকপয়েন্ট যোগ করুন এবং দেখুন প্রতিটি রি-রেন্ডারে ভ্যারিয়েবল কীভাবে পরিবর্তন হয়:
console.log("Rendered with count:", count);
React কীভাবে আগের স্টেট ধরে রাখে, রি-রেন্ডার করে এবং রিকনসিলিয়েশন প্রসেস চালায় তা জানতে চান?
পুরো ব্লগটি পড়ুন বিস্তারিত জানার জন্য: React’s useState and the Truth About const Variable Mutation
react javascript usestate webdevelopment frontend #BanglaTech