An introduction to styled-components with Glen Maddern

CSS in JavaScript has been something I’ve been meaning to explore for a while now; it’s also one the questions I get asked most when I talk about my experience with React.

styled-components by Glen Maddern and Max Stoiber is a library aimed at making it really easy to use CSS in React components (and also supports Preact out of the box). Rather than tackle this post alone, I invited Glen to join me to record an introduction to using styled-components.

You can also watch the video directly on YouTube if you prefer.

A huge thanks to Glen for taking the time to talk to me. His videos on Frontend Center are absolutely excellent and I highly recommend subscribing.

You can find all the code from this video on the GitHub repository; if you have any questions feel free to raise an issue there. If you have any thoughts on other videos you’d like to see, please let me know.



Don't miss my latest course, React in Five! This course will help you level up your React skills by covering lesser known parts of the React API. Each video is less than five minutes long, and the first four are free to watch. Get started now.


Subscribe to keep up to date with the latest content.

Join the JS Playground mailing list to be kept up to date with the latest tutorials, screencasts and more. You won't be spammed and you can unsubscribe at any time.


Headshot of Jack Franklin

Jack is JavaScript and React developer in London. He's also a keen Elm enthusiast, conference speaker and tweets far too often.