Понял спасибо вам

Зачем .svg файлы импортируются как React.Component?

Это как-то помогает выиграть в плане размера файла и в плане скорости рендера страницы?

я не знаю что там у вас в вебпаке, но могу предположить что в конце концов ReactComponent это просто свг в виде компонента.

а там обычные svg ?

Я скачал репозиторий один с гитхаба, изучаю как делался проект. Не мой код.

Да, просто .svg

https://create-react-app.dev/docs/adding-images-fonts-and-files/#adding-svgs это CRA так работает

хм. вообще так свгшка не загружается как отдельный файл, вместо этого оно просто отобразится в HTML. так работает только на сreate-react-app вроде как, так как там у них под капотом это: https://www.npmjs.com/package/@svgr/webpack

Спасибо за ответы.

Нашел статью как раз по SVGR с объяснением.

https://blog.bitsrc.io/transform-an-svg-into-a-react-component-with-svgr-8d2ba10f424c

Вот все плюсы:
- Size reduction: SVG-to-React component conversion shaves off some excess SVG styling.
- No extra requests are made by the browser to fetch SVG images since they are now bundled with the JS.
- It allows for easier control and maintenance of SVGs since they are now React components.
- Verbose and obscure SVGs can be converted to customizable React components that expose a simple declarative API.

Салют! Подскажите как в react-final-form использовать валидацию по любому событию, а не только по onSubmit?

Добрый день, подскажите, верно ли я составил компоненты или здесь есть огрехи?

это все один компонент, просто разное представление

Как правильно будет организовать приложение когда таких фильтров как на картинке 30 например? Сейчас делаю мап массива в котором есть объект такого вида, но тут возникают проблемы когда нужно типизировать componentProps, ну и массив получается монструозный. Как сделать лучше?

{
      component: GlobalInput,
      componentProps: {      
            placeholder: '',
            value: ,
            onChange
      }

зачем документом?

При корректной работе нет сильной разницы, как всё представлено? Просто я не знаю, может как я сделал вообще не принято распределять?

я отправляю как фотография, незнаю почему как документ отправляет

вы хотите раздробить это все в щепки, а тут максимально простая задача, просто куча кнопок.

вопрос про верстку  ?)

разве что с сеткой и выглядят по разному, но это уже просто модификатор в бэме или что-то подобное, другими словами это уже цсс