সুপার বড় টেবিল এবং তালিকাগুলি উল্লেখযোগ্যভাবে আপনার সাইটের কর্মক্ষমতা কমিয়ে দিতে পারে। ভার্চুয়ালাইজেশন সাহায্য করতে পারে!
react-window হল একটি লাইব্রেরি যা বড় তালিকাগুলিকে দক্ষতার সাথে রেন্ডার করার অনুমতি দেয়।
এখানে একটি তালিকার একটি উদাহরণ রয়েছে যেখানে 1000টি সারি রয়েছে react-window সাথে রেন্ডার করা হচ্ছে। যত দ্রুত সম্ভব স্ক্রোল করার চেষ্টা করুন।
কেন এই দরকারী?
এমন সময় থাকতে পারে যেখানে আপনাকে একটি বড় টেবিল বা তালিকা প্রদর্শন করতে হবে যাতে অনেকগুলি সারি রয়েছে। এই ধরনের একটি তালিকায় প্রতিটি আইটেম লোড করা কর্মক্ষমতা উল্লেখযোগ্যভাবে প্রভাবিত করতে পারে।
তালিকা ভার্চুয়ালাইজেশন বা "উইন্ডোয়িং" হল শুধুমাত্র ব্যবহারকারীর কাছে যা দৃশ্যমান তা রেন্ডার করার ধারণা। প্রথমে রেন্ডার করা উপাদানগুলির সংখ্যা সমগ্র তালিকার একটি খুব ছোট উপসেট এবং ব্যবহারকারী যখন স্ক্রল করতে থাকে তখন দৃশ্যমান সামগ্রীর "উইন্ডো" সরে যায় । এটি তালিকার রেন্ডারিং এবং স্ক্রলিং কার্যক্ষমতা উভয়ই উন্নত করে।