8 ਨੈਟਿਵ 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' ਦਾ ਮਤਲਬ ਜ਼ੀਰੋ ਡਿਪੈਂਡੈਂਸੀਜ਼ (dependencies) ਨਹੀਂ ਹੈ। ਇਸਦਾ ਮਤਲਬ ਹੈ ਕਿ npm ਦੀ ਵਰਤੋਂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਤੁਸੀਂ ਡੌਕਸ (docs) ਚੈੱਕ ਕਰੋ।
ਲਾਇਬ੍ਰੇਰੀਆਂ ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਸਥਿਰ ਕਰ ਦਿੰਦੀਆਂ ਹਨ। ਬ੍ਰਾਊਜ਼ਰ ਬਿਹਤਰ ਹੁੰਦੇ ਰਹਿੰਦੇ ਹਨ। ਤੁਹਾਨੂੰ ਨਵੇਂ ਫੀਚਰ ਮੁਫ਼ਤ ਵਿੱਚ ਮਿਲਦੇ ਹਨ।
ਘੱਟ ਕੋਡ ਸ਼ਿਪ (ship) ਕਰੋ। ਐਕਸੈਸਬਿਲਟੀ (accessibility) ਪ੍ਰਾਪਤ ਕਰੋ। ਮੇਨਟੇਨੈਂਸ (maintenance) 'ਤੇ ਘੱਟ ਸਮਾਂ ਬਿਤਾਓ।
ਪਹਿਲਾਂ ਪਲੇਟਫਾਰਮ ਦੇ ਡੌਕਸ (docs) ਚੈੱਕ ਕਰੋ। ਅੱਧੇ ਸਮੇਂ ਵਿੱਚ, ਫੀਚਰ ਸਿਰਫ਼ ਇੱਕ ਟੈਗ ਦੀ ਦੂਰੀ 'ਤੇ ਹੁੰਦਾ ਹੈ।
ਸਰੋਤ: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4