Theming React Apps With Styled Components

Hey guys 👋

In this quick run through we learn how to:

- Create a react app and strip it back
- Install and setup styled components
- Toggle themes using react hooks
- Add css transition when theme is toggled

Was it useful?

Let me know in the comments 👇🏼

Awesome Joe is here!!! Waiting for a introduction to React and basic stuff to enter this frontend world!

[kingpamz]

Patiently waiting for more react content 😊

[sepehrgorgini]

Super helpful as always! Looking forward to the rest of the series

[Mike-zige]

This was really helpful and was easy to follow, can't wait for the more advanced tutorial!

[juanevillam]

Nice video Joe! So helpful. Thanks, keep going ; D

[bertmanactual]

As a more “data-centric” dev, it’s great to get a look-in on custom styling like this. Subbed, looking forward to the next one!

[mooder]

Waw that is so nice

I was working on project and i made light dark theme but using globalstyles and changed the color that i was putting inside css variables when theme changing .
is this a good practice for theming? especially i had theming and many color mode to add to each theme
And many global css classes that have to have a seprated styling on each theme
So is it a good practice to put all these global classes and css variables that are changing on every theme inside
Styled compinemts globalstyles ??

[silverop]

Hey Joe, It's great to have you here on youtube, could you please make a video on creating Reusable React Components package🤟

[ayushbendwal]

Awesome mate, can we have a video about routing in react

[slimpotatoboy]

Great Video! Can you also make the video about best file structuring patterns in react!! ❤️

[tgm]

Why don’t you upload video on YouTube sir?

[vishutiwari]

Just one remark . I think you need to increase the quality of audio/video like your Instagram post.

[rizkymahendra]

Great video, but you talks like whispering.