Import SVGs as React Components | How to code Tutorial

Опубликовано: 28 Август 2021
на канале: 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/

На этой странице сайта вы можете посмотреть видео онлайн Import SVGs as React Components | How to code Tutorial длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Dev Done 28 Август 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 7,042 раз и оно понравилось 60 зрителям. Приятного просмотра!

733