Styled-components library is one of the new ways to write and use CSS in modern JavaScript. “CSS-in-JS” lets you have all your code in just one file. CSS is scoped to just one component, so you don’t have to worry about duplication, overlap or misspellings.
This alternative way of writing CSS has even more advantages when you have components that rely on JavaScript for their styling. It gives control of those states back to CSS instead of using a multitude of conditional class names.
In this talk you can have a quick glimpse of what styled-components is, their pros and cons when using it and what is the hype all about.