Build React Apps with Styled Components: The Why and How of the Styled-Components Library

▤ Summary

There are a few schools of thought: • Plain Old Stylesheets: The thinking here is that there are already too many CSS architecture solutions out there — so there’s no need to do styling in React any differently. To build an app the “React Way,” we are asked to break a design up into components — pieces of UI that are responsible for just one thing. Aside from being a scalable and maintainable way to build complex applications, it also encourages reuse of components between projects. In React, there is no meaningful separation of concerns between the appearance of a component and the logic that dictates its behavior. Styled-components makes use of an ES6 feature, tagged template literals, to create a React component from a CSS-like string.

▦ Linked Companies