এটি একটি ভালো উদাহরণ আপনার প্রজেক্ট সহজ করতে আপনি নেটিভ HTML এলিমেন্ট ব্যবহার করতে পারেন। লাইব্রেরি ইনস্টল করার পরিবর্তে আপনি এই ৮টি এলিমেন্ট ব্যবহার করতে পারেন:
- মোডালের জন্য
<dialog> - অ্যাকর্ডিয়নের জন্য
<details>এবং<summary> - প্যানেলের জন্য popover অ্যাট্রিবিউট
- ড্রপডাউন এবং অটোকমপ্লিটের জন্য
<select>এবং<datalist> - স্লাইডারের জন্য
<input type="range"> - কালার পিকারের জন্য
<input type="color"> - ডেট পিকারের জন্য
<input type="date"> - লেজি লোডিংয়ের জন্য
loading="lazy"
এই এলিমেন্টগুলো আপনাকে কম কোড লিখতে এবং রক্ষণাবেক্ষণ কমাতে সাহায্য করতে পারে। এগুলো বিনামূল্যে অ্যাক্সেসিবিলিটি ফিচারও প্রদান করে।
লাইব্রেরি ইনস্টল না করেই আপনি এই এলিমেন্টগুলো ব্যবহার করে সাধারণ UI কম্পোনেন্ট তৈরি করতে পারেন। উদাহরণস্বরূপ, আপনি একটি ফোকাস ট্র্যাপ (focus trap) এবং স্টাইলযোগ্য ব্যাকড্রপসহ একটি মোডাল উইন্ডো তৈরি করতে <dialog> ব্যবহার করতে পারেন।
উৎস: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4