React Styled Components Course (V5) (Udemy.com)
Step by Step Learn Styled-Components
Created by: Yanis Smilga
Last updated March 2024
What you will learn
- Using Styled-Components in React Applications
How it compares
Against the other 173 rated Udemy courses in React on CourseDuck:
- Rating4.4 out of 5higher than 38% of them
- Reviews1,330#52 of 174 by number of reviews
- Length2.8 hoursshorter than 94% of them
- Last updatedMarch 2024more recently than 54% of them
Quality Score
Overall Score : 88 / 100
Course Description
What's up everybody this is John from Coding Addict and welcome to my Styled Components course.
As styled components co -creator Max Stoiber says:
“The basic idea of styled components is to enforce best practices by removing the mapping between styles and components.”
Styled Components are part of CSS inJS movement where we can create components that possess their own encapsulated styles. No longer we need to create component decide on a selector and then rush to app css or any other stylesheet to write separate styles for that particular component. What makes Styled Components so cool is their awesome tagged template syntax that allows to create normal react components by only defining styles. With zero configuration styled-components support css modularity, variables in css, nesting in css, extending components styles and many more. Styled Components also allows us to write plain CSS in your components without worrying about class name collisions
Styled-components is a CSS-in-JS styling framework that uses tagged template literals in JavaScript and the power of CSS to provide a platform that allows you to write actual CSS to style React components.
Styled components are easy-to-make React components that you write with the styled-components library, where you can style your components with plain CSS inside your JavaScript code.
Instructor Details
- 4.4 Rating
1,330 Reviews
Yanis Smilga
Hello, I’m Jānis Smilga, a web developer based in Sigulda, Latvia. These days, I spend most of my time working with AWS CDK, TypeScript, and Node.js—building cloud infrastructure and scalable backend systems. I enjoy coding and the constant challenge of learning something new. You can also find me on my YouTube channel, Coding Addict.
More courses by Yanis Smilga
Complete React, Next.js & TypeScript Projects Course 2025
4.6 (12,794 Reviews)
Provider: Udemy
Time: 108.9h
$129.99
HTML&CSS Tutorial and Projects Course (Flexbox&Grid) (2024)
4.5 (5,418 Reviews)
Provider: Udemy
Time: 40.2h
$15.99
Javascript Tutorial and Projects Course (2024)
4.5 (4,579 Reviews)
Provider: Udemy
Time: 46.2h
$13.99
MERN 2025 Edition - MongoDB, Express, React and NodeJS
4.5 (2,820 Reviews)
Provider: Udemy
Time: 19.1h
$94.99
Gatsby.js 3 Tutorial and Projects Course (2024)
4.5 (1,748 Reviews)
Provider: Udemy
Time: 21.8h
$10.99
More React courses
Microservices with Node JS and React (2026)
4.8 (20,187 Reviews)
Provider: Udemy
Time: 54.4h
$139.99
Learn to build an e-commerce store with .Net, React & Redux (2026)
4.8 (2,218 Reviews)
Provider: Udemy
Time: 29.6h
$94.99
Next JS & WordPress: Build rapid NextJS sites with Next & WP (2026)
4.8 (462 Reviews)
Provider: Udemy
Time: 8.4h
$74.99
Build Polymorphic Components with React and Typescript (2022)
4.8 (223 Reviews)
Provider: Udemy
Time: 2.3h
$69.99
Next JS ChatGPT clone with Next.JS & OpenAI (NextJS 13 2023)
4.8 (172 Reviews)
Provider: Udemy
Time: 4.6h
$89.99
The Ultimate React Course 2025: React, Next.js, Redux & More
4.7 (27,027 Reviews)
Provider: Udemy
Time: 83.9h
$99.99
Reviews
By Srivatsan Viswanathan on 8/8/2023
The course is good. John (the instructor) explains styled components well and provides good examples. I'm giving it 4 stars because the course is too short. It would be great if you developed the CSS from scratch (excluding some global CSS) for a medium-large scale project using styled components. I think it would help solidify your CSS + Styled Component skills.
By Wisam Salameh on 9/10/2022
Good, fantastic, but please try to speek english little bit slowly and clearly for the not english mother's tongue people like me . Thank you very much for your efforts and examples, it also helps to understand React logics and principles not only the styled component topic that is very great.
By David P on 1/15/2021
A decent intro to styled components, though it often feels as if you don't know what you're building until you're done building it. I would recommend showing a simple diagram at the beginning of each video explaining how components and styles will be organized, structured, and interact with one another. That way, I know exactly what needs to be done and understand why we're building it the way we are *as* it's being built.
By Michael Delaney on 1/3/2021
I really liked the other courses by this instructor. I felt like this one was not planned out very well. There was too much skipping around between completely unrelated subject matter and inconsistency with how to do things with styled-components. Overall this instructor has very good course content, but this course was a let down, I would have been less confused if I had just read the documentation on the styled-components website.
By Jose Alvarez on 12/7/2020
This course is a little outdated but still useful for anyone learning styled-components. It focuses on how styled-components can improve re-usability across components / projects and provides (mostly) realistic examples of how you might use the library in the real world. Before this course, I wasn't 100% convinced about using styled-components vs. Sass, but I now have a much better understanding of why the library is so widely used (and how to use it myself, of course). I'd love to see updates to the course or new content, but in its current state it's well worth the time and money.
By Heath Ryu on 12/22/2019
The material of the course was very useful and informative, but I felt at times that the instructor pauses and lingers on obvious and mostly irrelevant point a bit too often (e.g. explaining about why the typo he made is going to break the app). Understandably, whether the piece of information is obvious or irrelevant is a very subjective matter, but I felt that for most people taking the course, these will just be little distractions along the way that breaks the engagement every now and then. Other than that, it's a great course.
By David Kartuzinski on 8/25/2019
The teacher is very friendly. Explains well. Is not assuming what we know or don't know. Very easy to follow. I do recommend having some knowledge of React. I had already messed around with Styled Components, and done other youtube tutorials and built a site or two. But after this, I really got some concepts about how to properly pass props and how to extend styled-components. Totally recommend
By Marijke vd on 8/23/2019
I liked the course, the incorporation of the docs and the division into the first part with a very simple project as example and then the more elaborate project. The negative comment about the teacher's English ('will gonna') was a bit mean and irrelevant; I suppose John is not a native speaker (neither am I) but it really doesn't affect his teachings. Room for improvement: maybe a few short assignments or a 'now I'll pauze so you can try figuring this out for yourself first', like how Maximilian Schwarzmuller incorporates in his courses.
By Marta Łągiewka on 6/8/2019
I had been looking for a longer course on styled for some time and I'm glad that I found this one by John. I noticed that someone in the reviews mentioned something about the instructor 'sounding condescending' which kinda surprised me, since I felt that John really tries his best to clarify everything to his students and never speaks in an arrogant or even slightly superior manner. The part I've enjoyed the most is obviously the project because it's satisfying to be able to achieve some tangible effect with something I've just learned. From now on I'll be making use of styled components in my future projects and I'm pretty sure that it's not the last course that I bought from this instructor. Thanks John for your good work! :D
By Viola Lee on 5/29/2019
I love John Smilga's courses! He's a natural teacher. One thing that I really like about his courses is that he has a routine for developing components - it's very organized and helps you really understand what he's doing. Also, he has you complete the same tasks over and over so that you really get the hang of them. He comes up with great projects and at the end of his courses you walk away with lots of knowledge and understanding, and a library of components and examples to tweak for your own projects. He's a natural teacher. Using styled components is slower than using Bootstrap, but it makes components easier to edit later. Loved this course!
By Aamir Shoeb
Awesome
By Luke Dimas
Thank you!












