Convert CSS in React To Styled Components

Styled Components is one of those interesting topics that developers love to argue about. It's a brand new way of doing things that many people just aren't ready to acknowledge.
In this article, we are going to convert a React site using regular CSS to one that uses Styled Components. Don't worry... if you don't like Styled Components, you never have to use them again! 😜

Learn everything you need to know about Visual Studio Code!!

[bradgarropy]

Yea, the text is a bit overwhelming. Now if there was a setting to only show keyboard shortcuts that would be 💯

React starts to look more like Vue when you add CSS-in-JS in the same file. You've got your script, styles, and html all co-located. I really enjoy working in this way!

[PatiphanPhengpao]

Great tutorial, btw I want to know what software you use to record video thx.

[michaelwiginton]

Just getting to know styled components. I was hoping it will help with my issue of naming classes so I will not have conflicts and have more control of each class per page.

[islamibrahim]

Hi there,
That was a nice video.
It really sold the 'styled components' idea to me. Initially I thought it would be a hindrance to writing regular css but... It's just a file change. Just like react.

By the way...what extension do you use to get that size overlay on your imports?

[patilmrugesh]

Fantastic! very well explained James :) Thanks!

[usamasarfraz]

Thankyou very much I really liked the video as I was searching for the video with the same quality content as you provide..keep coming with the such videos..

[dashx]

wish there was a converter that we put html and css and it converts to styled components automatically.

[muchamaddestafadilah]

Nice for the starts, why you not try series? like free html template porting to styled-components? just suggest. thanks anyway..

[lucasiramos]

Excelent tutorial! Cheers from Argentina!

[stanleyagwu]

Thanks! very good tutorial. Very Helpful.

[josephjoey]

Awesome tut. How to make the hamburger menu using styled components?

[shiguangchen]

hey James, thank you so much for the great video, I have a stupid question, what is that virus scanner plugin you have on your vscode?

[adamtak]

I was using styled components but moved over to tailwind

[meme-channel]

Thank You ! God bless You James. Stay Safe

[Pareshbpatel]

Nice Tutorial on Styled Components. Thanks, James

{2023-10-24}