Import SVGs as React Components | How to code Tutorial
Hi everyone, welcome to Dev Done.
⭐️ Topic ⭐️
importing SVGs as react components using create react app.
⭐️ The Why? ⭐️
Svgs today are an integral part of web development giving abilities scale images without losing the quality.
Importing SVG files as img tags have a few limitations.
⭐️ The Advantages? ⭐️
✔️ Size reduction: The conversion to ReactComponent is smaller than the SVG itself.
✔️ Since it's a component, therefore, easy to use and handle and rendered inline therefore we can control it easily.
✔️ SVG images bundled with JS, therefore no extra fetch browser calls, not even SVG Sprites needed.
✔️ Converting SVG to a component can be helpful in customizing the images.
⭐️ Resources ⭐️
Create React App - https://reactjs.org/docs/create-a-new...
SVGR library - https://react-svgr.com/playground/
En esta página del sitio puede ver el video en línea Import SVGs as React Components | How to code Tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario Dev Done 28 agosto 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 7,042 veces y le gustó 60 a los espectadores. Disfruta viendo!
