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 on Testing React with Enyzme and Jest! The first five videos are free and available to watch now. You'll learn how to write testable React code, test complex components and use Jest and Enzyme effectively to write clean, thorough tests. 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.