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/
Nesta página do site você pode assistir ao vídeo on-line Import SVGs as React Components | How to code Tutorial duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Dev Done 28 Agosto 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 7,042 vezes e gostou 60 espectadores. Boa visualização!
