ನೀವು ಲೈಬ್ರರಿ ಬಳಸದೆಯೇ ಬಳಸಬಹುದಾದ 8 ನೇಟಿವ್ HTML ಎಲಿಮೆಂಟ್ಗಳು
ನಿಮ್ಮ ಬ್ರೌಸರ್ ಜೊತೆ ಹೋರಾಡುವುದನ್ನು ನಿಲ್ಲಿಸಿ. ಈಗಾಗಲೇ ನಿಮ್ಮ ಬಳಿ ಇರುವ ವಿಷಯಗಳಿಗಾಗಿ ಲೈಬ್ರರಿಗಳನ್ನು ಇನ್ಸ್ಟಾಲ್ ಮಾಡುವುದನ್ನು ನಿಲ್ಲಿಸಿ.
ಈ 8 ನೇಟಿವ್ HTML ಎಲಿಮೆಂಟ್ಗಳನ್ನು ಪ್ರಯತ್ನಿಸಿ:
<dialog>: ಮಾಡಲ್ಗಳಿಗಾಗಿ (modals) ಬಳಸಿ. ಇದು ಫೋಕಸ್ ಮತ್ತು ಬ್ಯಾಕ್ಡ್ರಾಪ್ ಅನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ.<details>ಮತ್ತು<summary>: ಅಕಾರ್ಡಿಯನ್ಗಳಿಗಾಗಿ (accordions) ಬಳಸಿ.- popover: ಮೆನುಗಳಿಗಾಗಿ ಬಳಸಿ. ಇದಕ್ಕೆ ಯಾವುದೇ JavaScript ಅಗತ್ಯವಿಲ್ಲ.
<select>ಮತ್ತು<datalist>: ಡ್ರಾಪ್ಡೌನ್ಗಳು ಮತ್ತು ಆಟೋಕಂಪ್ಲೀಟ್ (autocomplete) ಗಾಗಿ ಬಳಸಿ.<input type="range">: ಸ್ಲೈಡರ್ಗಳಿಗಾಗಿ ಬಳಸಿ. ಇದನ್ನು CSS ಮೂಲಕ ಸ್ಟೈಲ್ ಮಾಡಿ.<input type="color">: ಕಲರ್ ಪಿಕರ್ಗಳಿಗಾಗಿ ಬಳಸಿ.<input type="date">: ಕ್ಯಾಲೆಂಡರ್ಗಳಿಗಾಗಿ ಬಳಸಿ. ಇದು ಮೊಬೈಲ್ನಲ್ಲಿಯೂ ಕೆಲಸ ಮಾಡುತ್ತದೆ.- loading="lazy": ಇಮೇಜ್ ಲೋಡಿಂಗ್ಗಾಗಿ ಬಳಸಿ.
ನೇಟಿವ್ ಫಸ್ಟ್ ಎಂದರೆ ಯಾವುದೇ ಅವಲಂಬನೆಗಳಿಲ್ಲ (zero dependencies) ಎಂದರ್ಥವಲ್ಲ. ಅದರರ್ಥ ನೀವು npm ಬಳಸುವ ಮೊದಲು ಡಾಕ್ಯುಮೆಂಟ್ಗಳನ್ನು ಪರಿಶೀಲಿಸಬೇಕು ಎಂದರ್ಥ.
ಲೈಬ್ರರಿಗಳು ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಸ್ಥಗಿತಗೊಳಿಸುತ್ತವೆ. ಬ್ರೌಸರ್ಗಳು ಸುಧಾರಿಸುತ್ತಲೇ ಇರುತ್ತವೆ. ನೀವು ಹೊಸ ಫೀಚರ್ಗಳನ್ನು ಉಚಿತವಾಗಿ ಪಡೆಯುತ್ತೀರಿ.
ಕಡಿಮೆ ಕೋಡ್ ಅನ್ನು ಶಿಪ್ ಮಾಡಿ. ಅಕ್ಸೆಸಿಬಿಲಿಟಿ (accessibility) ಪಡೆಯಿರಿ. ನಿರ್ವಹಣೆಯಲ್ಲಿ (maintenance) ಕಡಿಮೆ ಸಮಯ ವ್ಯಯಿಸಿ.
ಮೊದಲು ಪ್ಲಾಟ್ಫಾರ್ಮ್ ಡಾಕ್ಯುಮೆಂಟ್ಗಳನ್ನು ಪರಿಶೀಲಿಸಿ. ಅರ್ಧದಷ್ಟು ಸಂದರ್ಭಗಳಲ್ಲಿ, ಆ ಫೀಚರ್ ಕೇವಲ ಒಂದು ಟ್ಯಾಗ್ನಷ್ಟೇ ದೂರವಿರುತ್ತದೆ.
ಮೂಲ: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4