The Road to Styled-Components: Styling Component Based Systems

What if we took the best of JavaScript and the best of CSS, and combined them together to create the ultimate solution? In this session, Max Stoiber explains how Glen Maddern (CSS Modules co-creator) and himself sat down and started thinking about styling in this new paradigm. He talks about what they thought about and why they arrived where they did –to styled-components.

The global dev community meets at WeAreDevelopers, an event dubbed by many as the “Woodstock of Developers”. The WeAreDevelopers World Congress 2018 brought together 8,000 techies from 70 countries for 72-hours of pure dev-fun.

Visit the largest developer playground in Europe!

#WeAreDevs

©2018, WeAreDevelopers

[RasikhKhattat]

One of the best tech talk I have heard on the topic of Styled components and its history.

[nn-hsho]

Wow i went to your StyledComponents website and absolutely hated it. Then, I immediately sought for someone who could change my mind. Found this video, and couldn't be happier.

[imonicahoward]

At first it seemed very weird to me, but after trying it I really enjoy styling components this way.

[madhurgarg]

styled-components is awesome. It makes the development super fast!!

[renatolins]

Very nice. And to remember: If everything is a component, everything is named, no messed code at all. Also, ===>> if everything is a component, then everything can be tested <<===

[darkday]

Great! This makes me understand more about styled-components.

[solidstatejake]

Sooo awesome. So much of the Q&A is “uh, it’s facking javascript. do u kno javascript?”

Also, a great MC.

[zugdsbtngizudsgbnudsdsoiu]

The old way of doing CSS in react was always a nogo for me and pretty much the reason not to use it.
Styled components solves this problem in a very elegant way and thats why I love it so much.

[RomanFilenko]

wow. what an informative talk, thumbs 👍

[magaticharles]

45 minutes Totally worth of your time.

[konraddziurdz]

awesome talk! thank you!
p.s. what a dead audience :<

[BobbyBundlez]

still think media queries are ridiculously messy but maybe im missing something

[MZ-yxeg]

So I still don't get how is BEM working on styled components, because class names looks like this fhdhhdjdd hshsjsjsj

[Ramesiel]

Bad solution... Now you've added a dependency on JavaScript for every single user. If JS is disabled, they won't get any CSS. That's a huge step backwards. Much better to have a dev dependency than a user dependency.

[milliondollarcode]

Correction: 6:24 -> CSS is not a language

[logandemir]

Just fucking learn to use Scss. Fucking disgusting way of managing your code in the long run. Too messy.

[codetap]

Bad language dude, you need to control yourself.