React-এ রেফ

যদি আমরা কোনো তথ্য মনে রাখতে চাই, কিন্তু চাই না যে এর পরিবর্তন কম্পোনেন্ট রেন্ডার করুক, তাহলে আমাদের দরকার হবে রেফ এবং সেই অনুযায়ী হুক useRef যা তাদের সাথে কাজ করে।

রেফ (বা রেফারেন্স) হল একটি সাধারণ JavaScript অবজেক্ট যার একটি মাত্র প্রপার্টি current, যা আপনি পড়তে বা পরিবর্তন করতে পারেন।

স্টেটের মতোই, রেফ যেকোনো ধরনের ডেটা সংরক্ষণ করতে পারে - এটি可以是 সংখ্যা, স্ট্রিং, অবজেক্ট এবং এমনকি ফাংশনও হতে পারে।

যদি আপনার ডেটা রেন্ডারিংয়ের জন্য ব্যবহৃত হয়, তাহলে এটিকে স্টেটে সংরক্ষণ করুন, আর যদি আপনার রেন্ডারিং এর প্রয়োজন না থাকে, তাহলে রেফ ব্যবহার করা আরও কার্যকরী হতে পারে। তাছাড়া স্টেটের থেকে ভিন্ন রেফের মান তাৎক্ষণিকভাবে পরিবর্তিত হয়।

সাধারণত, যেখানে আপনাকে React থেকে সরে এসে বাহ্যিক API - প্রায়শই ব্রাউজার API, যা কম্পোনেন্টের ডিসপ্লেকে প্রভাবিত করে না - এর সাথে ইন্টারঅ্যাক্ট করতে হবে, সেখানে রেফ প্রয়োগ করা হয়। এটি উদাহরণস্বরূপ হতে পারে id টাইমার সংরক্ষণ করা বা এমন একটি অবজেক্ট সংরক্ষণ করা যার জন্য JSX ক্যালকুলেট করার প্রয়োজন নেই, কিন্তু সবচেয়ে বেশি সাধারণ হল DOM এলিমেন্টের সাথে ইন্টারঅ্যাকশন। এগুলি ফোকাস নিয়ন্ত্রণ, টেক্সট সিলেকশন বা মিডিয়া প্লেব্যাক করার জন্য ব্যবহার করা যেতে পারে।

পরবর্তী পাঠে আমরা অনুশীলনে রেফ এবং useRef হুকের কাজ নিয়ে আলোচনা করব।