૮ નેટિવ HTML એલિમેન્ટ્સ જેના માટે તમારે લાઇબ્રેરીની જરૂર નથી
તમારા બ્રાઉઝર સામે લડવાનું બંધ કરો. જે વસ્તુઓ તમારી પાસે પહેલેથી જ છે તેના માટે લાઇબ્રેરીઓ ઇન્સ્ટોલ કરવાનું બંધ કરો.
આ 8 નેટિવ HTML એલિમેન્ટ્સ અજમાવી જુઓ:
<dialog>: મોડલ્સ (modals) માટે ઉપયોગ કરો. તે ફોકસ અને બેકડ્રોપ (backdrop) સંભાળે છે.<details>અને<summary>: એકોર્ડિયન (accordions) માટે ઉપયોગ કરો.popover: મેનૂ માટે ઉપયોગ કરો. તેને કોઈ JavaScript ની જરૂર નથી.<select>અને<datalist>: ડ્રોપડાઉન અને ઓટોકમ્પ્લીટ (autocomplete) માટે ઉપયોગ કરો.<input type="range">: સ્લાઇડર્સ માટે ઉપયોગ કરો. તેને CSS સાથે સ્ટાઇલ કરો.<input type="color">: કલર પિકર્સ (color pickers) માટે ઉપયોગ કરો.<input type="date">: કેલેન્ડર માટે ઉપયોગ કરો. તે મોબાઈલ પર પણ કામ કરે છે.loading="lazy": ઈમેજ લોડિંગ માટે ઉપયોગ કરો.
'નેટિવ ફર્સ્ટ' (Native first) નો અર્થ શૂન્ય ડિપેન્ડન્સી (zero dependencies) નથી. તેનો અર્થ એ છે કે npm વાપરતા પહેલા તમે ડોક્યુમેન્ટેશન તપાસો.
લાઇબ્રેરીઓ તમારા કોડને સ્થિર (freeze) કરી દે છે. બ્રાઉઝર્સ સુધરતા રહે છે. તમને નવી સુવિધાઓ મફતમાં મળે છે.
ઓછો કોડ શિપ કરો. એક્સેસિબિલિટી (accessibility) મેળવો. મેન્ટેનન્સમાં ઓછો સમય વિતાવો.
પહેલા પ્લેટફોર્મ ડોક્સ તપાસો. અડધા કિસ્સામાં, ફીચર માત્ર એક ટેગ દૂર હોય છે.
Source: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4