How to Create a Dark Mode Component in React 

Hi! I am a beginner and I did not succeed to create a dark mode for my first app for days and days, until I found your video. How much it is reassuring and satisfying to succeed, thanks to you. Furthermore, french is my first language but I understood very well all your explanations. Everything is clear and pedagogic. Many thanks! Canadian people are definitely the best!! :D

I always like to add a simple 200ms ease transition on the toggled classes to make it smooth! Awesome video

Great little tutorial! Elegant solution and you explained each step thoroughly so if someone is unfamiliar with one or more components of how this works, they should get it after this! Well done!

great video and first video to watch of your Alex ... instant subscribe 🙌

I wasted a lot of time trying to make an application with a theme change. Your video just saved me. Please keep making videos like this, share your experience with novice programmers.

Great content

Great video!!!

Keep it up Alex Amazing content

well deserved sub

Awesome!😄

Great video, I had everything setup using jotai for saving the preferred theme to localStorage... this way seems a lot more convenient, I had no idea about the window.matchMedia ! That's awesome. One thing I did add with my version (where I used scss), was a mixin like... @mixin dark { html[data-theme='dark'] & { @content; } } and then I did the same for hover etc... It really helps when you run into different elements that might have colours or something so you can just say .specialButton { color: black; @include dark { color: pink; } }... Just thought I'd leave that little tip here incase any other noobs like me stumble across it and find it useful 👍🏻

I am now a sub

How much is the implementation different from NextJS? Great explanation.