Как лучше делать сетку в React проекте?

Question

[Gimir]

Добрый вечер, как лучше всего делать сетку в проекте на React? Прописать дивами в App.js и App.css? Сделать отдельные компоненты со styled-components или css модулями? Второй вариант просто добавляет количество компонентов в проект (маленький), будет ли это минусом?

Answer 1

[Тигран Абрамян]

Смотря какой подход для стилей вы используете в своем проекте.
Если стили пишете на styled-components то да лучше использовать его, а если отдельно подключили - sass, less или простой css то подойдет вариант с css классами.
Или если к примеру в проекте подключен Bootstrap, то почему же не использовать его.
А вообще если проект маленький то лучше использовать старый добрый FlexBox.

Comments

[Gimir]

А большое количество компонентов будет минусом?

[Тигран Абрамян]

Gimir, Если вы про styled-components, то нет.
Потому что он по сути и не компонент, а простой html элемент.
Просто тут вопрос в том, нужно ли будет вам эти компоненты где нибудь еще кроме App.js, если да то смело создавайте компоненты в style.js и импортируйте в основной файл.
Если нет то лучше уж дивами создать фиксированный макет.

[Gimir]

TigA, понял вас, спасибо.