Import SVGs as React Components | How to code Tutorial

Publié le: 28 août 2021
sur la chaîne: Dev Done

7,042

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/

Sur cette page du site, vous pouvez voir la vidéo en ligne Import SVGs as React Components | How to code Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Dev Done 28 août 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 7,042 fois et il a aimé 60 téléspectateurs. Bon visionnage!

733