Что это такое?
SVGR — это универсальный инструмент, который превращает SVG-файлы в готовые React-компоненты: скармливаете ему обычный SVG — и получаете компонент, который можно сразу вставить в React-проект.
SVGR — это универсальный инструмент, который превращает SVG-файлы в готовые React-компоненты: скармливаете ему обычный SVG — и получаете компонент, который можно сразу вставить в React-проект.Это утилита командной строки, loader для Webpack или библиотека?И то, и другое, и третье: в SVGR входит CLI для конвертации файлов, loader для Webpack, чтобы SVG можно было импортировать прямо в сборку, и API для Node.js для автоматизированных преобразований.
И то, и другое, и третье: в SVGR входит CLI для конвертации файлов, loader для Webpack, чтобы SVG можно было импортировать прямо в сборку, и API для Node.js для автоматизированных преобразований.С чего начать работу с ним?Вся документация находится на react-svgr.com — начните со страницы Getting started, а там есть отдельные руководства по использованию для любого способа подключения на ваш выбор.
Вся документация находится на react-svgr.com — начните со страницы Getting started, а там есть отдельные руководства по использованию для любого способа подключения на ваш выбор.Что нужно на компьютере, чтобы он заработал?Нужна среда Node.js: SVGR работает из командной строки, внутри сборки Webpack или программно через свой API для Node.js.
Нужна среда Node.js: SVGR работает из командной строки, внутри сборки Webpack или программно через свой API для Node.js.Он просто оборачивает мой SVG в компонент или ещё и оптимизирует его?Он ещё и оптимизирует: в примере из README на вход подаётся обычный SVG, а на выходе получается оптимизированный React-компонент, и SVGO входит в набор инструментов проекта.
Он ещё и оптимизирует: в примере из README на вход подаётся обычный SVG, а на выходе получается оптимизированный React-компонент, и SVGO входит в набор инструментов проекта.Он генерирует React-компоненты только для веба или ещё и для React Native?React Native тоже поддерживается — react-native указан среди основных тем репозитория, так что проект нацелен и на RN-проекты, и на вебовский React.
React Native тоже поддерживается — react-native указан среди основных тем репозитория, так что проект нацелен и на RN-проекты, и на вебовский React.Насколько SVGR проверен в бою?Очень: его популяризовал Christopher Chedeau, он входил в create-react-app, у него около 11 тысяч звёзд на GitHub, и он по-прежнему развивается как независимый проект под лицензией MIT при поддержке спонсоров.
Очень: его популяризовал Christopher Chedeau, он входил в create-react-app, у него около 11 тысяч звёзд на GitHub, и он по-прежнему развивается как независимый проект под лицензией MIT при поддержке спонсоров.Можно попробовать его до установки чего-либо?Да — в README есть ссылка на онлайн-песочницу на react-svgr.com: вставляете SVG и мгновенно получаете код React-компонента.
Да — в README есть ссылка на онлайн-песочницу на react-svgr.com: вставляете SVG и мгновенно получаете код React-компонента.What are similar projects?svgo, mitosis, tamagui, razzle, angular-cli, oxc, blobatar, styled-components
svgo, mitosis, tamagui, razzle, angular-cli, oxc, blobatar, styled-componentsWhich topics is it in?jsx, webpack, react-native, svg, monorepo, web-development, command-line-tool, react, npm, frontend, tool, nodejs
jsx, webpack, react-native, svg, monorepo, web-development, command-line-tool, react, npm, frontend, tool, nodejs