The Road to Styled Components: CSS in Component-based Systems

Building user interfaces on the web is hard, because the web, and thus CSS, was inherently made for documents. Because UIs fundamentally are not documents, we’ve seen a mindset shift towards building component-based systems.

The rise of JavaScript frameworks like React, Ember and recently Angular 2, the efforts of the W3C to standardise a web-native component system, pattern libraries and style guides being considered ‘the right way to build web applications’ and many other things have illuminated this revolution – we are now in the “Component Age”.

With that and a few more things in mind, Glen Maddern and Max Stoiber (co-creators of css-modules) sat down and started thinking about styling in this new era. They took the best of CSS and the web to build a new way to style component-based systems. In this talk, Glen will share what they thought about and why they arrived where they did: styled-components.