Может ли у меня быть один файл вида Icons.js где будет несколько функциональных компонентов и при необходимости, чтобы я мог импортить нужные мне где захочу? Или один файл на один компонент только (из-за export default [название компонента])? Или какая хорошая практика в подобных случаях?

а зачем тебе компоненты иконок? Ты собрался копипастить svg в js? Это так себе практика.

Ну примерно да. Инлайново вставлять очень громоздко получается, вставлять через src – не получается управлять (на том же ховере менять fill или stroke к примеру), а в функциональный компонент выходит вполне ок, только хочется куда-то отдельно их вынести.

Кто что использует для SSR? например next.js или пререндер. Какие есть подводные камни вашего похода?)

что значит функциональный? Юзай лоадер, который преобразует svg в компонент

Тут либо совсем вкратце, либо совсем развернуто. Лучше берите next.js. Если все совсем плохо, т.е. старое легаси - pupettier

Тут либо совсем вкратце, либо совсем развернуто. Лучше берите next.js. Если все совсем плохо, т.е. старое легаси - pupettier

например на что стоит обратить внимание человеку, который начнёт работать с next.js при этом представляя что всё будет также как и на реакте?)

@id_sam Как ты их откроешь в графическом редакторе, чтобы слегка исправить? Или вот выйдет новая версия SVGO с улучшенным сжатием, как заново прогнать все иконки через неё?

Можно пойти в тот файл, где лежит этот компонент и поправить саму svg/path/whatever или полностью убрать её и заменить на другую. Не вижу пока каких-то проблем в плане правки кода.

Есть какой то общий стандарт расположения файлов по проекту React + Redux ?

если у тебя 200 иконок? Ты их все будешь заново копипастить?

Зачем? Если у тебя один компонент и ты его используешь где надо как компонент

например на что стоит обратить внимание человеку, который начнёт работать с next.js при этом представляя что всё будет также как и на реакте?)

Нет

Каждый проект содержит структуру на усмотрения разработчика? Все всегда пишут по разному?

К сожалению да

Даже рекомендаций нормальных нет? Какие подходы? Папка components?

ты видимо не понимаешь)

Может быть) Я про такое использование, чтобы не вставлять тег svg, а просто вставить функциональный компонент по такому типу: https://codepen.io/hamper/pen/EeOjNY?editors=0010 Так кажется удобнее

чтобы не копипастить есть лоадер, который тебе создаст из .svg компонент, который можно импортнуть

Вот примерно это мне и нужно. Лоадер создаёт отдельный файл под каждый компонент или всё пихает в один? И вот я подобное хочу реализовать без лоадера, а засунуть в один файл эти компоненты и импортить по названию компонента в нужных мне файлах.

https://github.com/kossnocorp/desvg#readme

Атомик с разделением на ui + features топ

Где прочитать про это?

Пример: <a /> || <Link />

Вопрос, есть ли способы в jsx динамично формировать тег?

Вопрос, есть ли способы в jsx динамично формировать тег?

Да const A = cond ? 'a' : Link <A />

Да const A = cond ? 'a' : Link <A />

Это захардкоженное условие

https://reactjs.org/docs/react-api.html#createelement

https://reactjs.org/docs/react-api.html#createelement

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

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

Расширяю стайлед компонент и хочу в зависимости от пропса менять одно свойство. Но как мне оставить старое, когда пропса нет?

styled map?

просто дефолт как бы задается, если пропсы не пришли, в этом случае

я хочу дефолт с родительского компонента. Это же логично, когда я хочу поменять свойство только в определенном случае?

https://developer.mozilla.org/en-US/docs/Web/CSS/inherit не подойдет?

Расширяю стайлед компонент и хочу в зависимости от пропса менять одно свойство. Но как мне оставить старое, когда пропса нет?