𝟴 நீங்கள் ஒரு லைப்ரரியைப் பயன்படுத்தத் தேவையில்லாத 𝗡𝗮𝘁𝗶𝘃𝗲 𝗛𝗧𝗠𝗟 𝗘𝗹𝗲𝗺𝗲𝗻𝘁𝘀
உங்கள் பிரவுசருடன் போராடுவதை நிறுத்துங்கள். ஏற்கனவே உங்களிடம் இருக்கும் விஷயங்களுக்காக லைப்ரரிகளை இன்ஸ்டால் செய்வதை நிறுத்துங்கள்.
இந்த 8 நேட்டிவ் HTML எலிமெண்ட்களை முயற்சித்துப் பாருங்கள்:
<dialog>: மோடல்களுக்கு (modals) இதைப் பயன்படுத்தவும். இது ஃபோகஸ் (focus) மற்றும் பேக்டிராப் (backdrop) ஆகியவற்றைத் தானாகவே கையாளும்.<details>மற்றும்<summary>: அக்கார்டியன்களுக்கு (accordions) இதைப் பயன்படுத்தவும்.popover: மெனுக்களுக்கு (menus) இதைப் பயன்படுத்தவும். இதற்கு ஜாவாஸ்கிரிப்ட் (JavaScript) தேவையில்லை.<select>மற்றும்<datalist>: டிராப்-டவுன்கள் (dropdowns) மற்றும் ஆட்டோகம்ப்ளீட்டிற்கு (autocomplete) இதைப் பயன்படுத்தவும்.<input type="range">: ஸ்லைடர்களுக்கு (sliders) இதைப் பயன்படுத்தவும். இதை CSS மூலம் ஸ்டைல் செய்யலாம்.<input type="color">: கலர் பிக்கர்களுக்கு (color pickers) இதைப் பயன்படுத்தவும்.<input type="date">: காலண்டர்களுக்கு (calendars) இதைப் பயன்படுத்தவும். இது மொபைலிலும் வேலை செய்யும்.loading="lazy": இமேஜ் லோடிங்கிற்கு (image loading) இதைப் பயன்படுத்தவும்.
'நேட்டிவ் ஃபர்ஸ்ட்' (Native first) என்பது டிபென்டென்சிகளே (dependencies) இல்லை என்று அர்த்தமல்ல. npm பயன்படுத்துவதற்கு முன்பு ஆவணங்களை (docs) சரிபார்க்க வேண்டும் என்று அர்த்தம்.
லைப்ரரிகள் உங்கள் குறியீட்டை (code) முடக்கிவிடும். ஆனால் பிரவுசர்கள் மேம்படுத்தப்பட்டுக்கொண்டே இருக்கும். அதன் மூலம் புதிய அம்சங்களை நீங்கள் இலவசமாகப் பெறலாம்.
குறைவான குறியீட்டைப் பயன்படுத்துங்கள் (Ship less code). எளிதான அணுகல்தன்மையை (accessibility) பெறுங்கள். பராமரிப்பிற்காக (maintenance) செலவிடும் நேரத்தைக் குறையுங்கள்.
முதலில் பிளாட்ஃபார்ம் ஆவணங்களைச் சரிபார்க்கவும். பாதி நேரங்களில், அந்த அம்சம் ஒரு டேக் (tag) தூரத்தில் மட்டுமே இருக்கும்.
ஆதாரம்: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4