৮টি নেটিভ HTML এলিমেন্ট যার জন্য আপনার কোনো লাইব্রেরির প্রয়োজন নেই
আপনার ব্রাউজারের সাথে লড়াই করা বন্ধ করুন। যেসব জিনিস আপনার কাছে ইতিমধ্যে আছে, সেগুলোর জন্য লাইব্রেরি ইনস্টল করা বন্ধ করুন।
এই ৮টি নেটিভ HTML এলিমেন্ট ব্যবহার করে দেখুন:
<dialog>: মোডালের (modals) জন্য ব্যবহার করুন। এটি ফোকাস এবং ব্যাকড্রপ (backdrop) হ্যান্ডেল করে।<details>এবং<summary>: অ্যাকর্ডিয়নের (accordions) জন্য ব্যবহার করুন।popover: মেনুর জন্য ব্যবহার করুন। এতে কোনো JavaScript-এর প্রয়োজন নেই।<select>এবং<datalist>: ড্রপডাউন (dropdowns) এবং অটো-কমপ্লিট (autocomplete)-এর জন্য ব্যবহার করুন।<input type="range">: স্লাইডারের (sliders) জন্য ব্যবহার করুন। CSS দিয়ে এটিকে স্টাইল করুন।<input type="color">: কালার পিকার (color pickers)-এর জন্য ব্যবহার করুন।<input type="date">: ক্যালেন্ডারের জন্য ব্যবহার করুন। এটি মোবাইলেও কাজ করে।loading="lazy": ইমেজ লোডিংয়ের জন্য ব্যবহার করুন।
'Native first' মানে এই নয় যে আপনার কোনো ডিপেন্ডেন্সি (dependencies) থাকবে না। এর মানে হলো, npm ব্যবহার করার আগে আপনি ডকুমেন্টেশন চেক করবেন।
লাইব্রেরি আপনার কোডকে স্থবির করে দেয়। ব্রাউজার প্রতিনিয়ত উন্নত হচ্ছে। আপনি বিনামূল্যে নতুন ফিচারগুলো পেয়ে যাচ্ছেন।
কম কোড শিপ (ship) করুন। অ্যাক্সেসিবিলিটি (accessibility) নিশ্চিত করুন। মেইনটেন্যান্সের পেছনে কম সময় ব্যয় করুন।
প্রথমে প্ল্যাটফর্মের ডকুমেন্টেশন চেক করুন। অর্ধেক ক্ষেত্রেই দেখা যায়, ফিচারটি মাত্র একটি ট্যাগের দূরত্বে রয়েছে।
Source: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4