A code is worth a thousand words

React ES6: Styled Components

You are here

Styled components are the best way to give some visual aid to your components. The heavy lifting should be done by a library, it can be either material design, bootstrap, semantic, etc... To adjust things or create custom components, you can use styled components. This gives the ability to keep your styles where your components are. The files structure is clean and the styles are not scattered around. This adds the simplicity desperately needed in the styling world.