Добрый вечер, как лучше всего делать сетку в проекте на React? Прописать дивами в App.js и App.css? Сделать отдельные компоненты со styled-components или css модулями? Второй вариант просто добавляет количество компонентов в проект (маленький), будет ли это минусом?
Смотря какой подход для стилей вы используете в своем проекте.
Если стили пишете на styled-components то да лучше использовать его, а если отдельно подключили - sass, less или простой css то подойдет вариант с css классами.
Или если к примеру в проекте подключен Bootstrap, то почему же не использовать его.
А вообще если проект маленький то лучше использовать старый добрый FlexBox.
Gimir, Если вы про styled-components, то нет.
Потому что он по сути и не компонент, а простой html элемент.
Просто тут вопрос в том, нужно ли будет вам эти компоненты где нибудь еще кроме App.js, если да то смело создавайте компоненты в style.js и импортируйте в основной файл.
Если нет то лучше уж дивами создать фиксированный макет.
Средний
