What is the best way to make a grid in a React project?

Question

React

Good evening, what is the best way to do a grid in a React project? Write divs in App.js and App.css? Make individual components with styled-components or css modules? The second option just adds the number of components to the project (small), will it be a minus?

Answer 1

It depends on what style approach you use in your project.
If you write styles on styled-components, then yes, it’s better to use it, and if you connected it separately - sass, less or simple css, then the option with css classes will do.
Or if, for example, Bootstrap is connected to the project, then why not use it.
In general, if the project is small, it is better to use the good old FlexBox.