Добрый день, просматривая многие уроки по React я не особо видел что бы стили писались в отдельном файлы как при верстке. Я перешл из верстки которой занимался 2 года, и к примеру мне удобно делать верстку, выгрузить CSS и потом уже пилить на реакте. К примеру 4 страницы SPA приложения и уже 1939 строк стилей( без адаптива еще ). Не представляю как к примеру такое количество кода задать инлайного.
Если резюмировать то можно что бы стили просто были в отдельном файле а не инлайного?
Я конечно понимаю что когда мы задаем для компонента стили, то они грузится при загрузке самого компонента. Но как по мне их слишком можно. Точнее это можно сделать когда мы используем библиотеку, но когда дизайн полностью кастомный, как тогда быть?
Если стили привязаны к компоненту, вынеси их в отдельный файл, а в компоненте делай import "./styles.css";
если у тебя есть общий файл со стилями можешь сделать в модуле app import "./main.css";
Инлайновых стилей в боевых проектах не видел вообще, единственная похожая на инлайновые стили штука https://styled-components.com/
Лично я за разумный микс стайлед компонентс и общих стилей
Или вопрос в чем то другом?
Да я имел ввиду по поводу styled-components, ибо к примеру в примере с кнопокой это уместно а вот когда большие секции - не очень удобно.
А идея привязать стили к компонентам, отличная идея, буду пользоваться
Спасибо большое
Владимир , дабы не добавлять еще один вопрос, есть ли у вас примеры хорошей реализации структуры React проекта. Смотрю на гитхабе но тут каждый делает как хочет))
Простой