Code 2017

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

About this presentation

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.