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/
On this page of the site you can watch the video online Import SVGs as React Components | How to code Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Dev Done 28 August 2021, share the link with friends and acquaintances, this video has already been watched 7,042 times on youtube and it was liked by 60 viewers. Enjoy your viewing!
