Light / Dark Mode Toggle In React Tutorial

In this video I will show how to make a Dark Mode / Light Mode toggle switch using ReactJS.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

06:26 | UI Introduction
08:44 | Creating the Context
16:18 | Adding customizable features

#reactjs #coding

[egzongallapeni]

Man this is catching 2 birds with 1 stone basically explaining contextApi and toggle .Bless you man <3

[walterbranco]

Sempre com videos práticos e direto ao ponto. Valeu, Pedro!

[adimishra]

Sometimes I think u keep a track of what should I learn next... 😜thanks for the video brother you never disappoint... highly appreciate your quality work and love from India ❤️❤️

[Smartercow]

Man your recent uploads have been good! Exactly what I want! Keep it up!

[arjun-dedr]

At the right time pedro 🙂, I was thinking of it and then your video pops up.
This will help me a lot.
Thanks man!!

[anuragchindaliya]

Css variables work like charm for theme modes

[ThColinPereira]

the editing of your videos has improved so much!

[AkashGupta-rwvm]

One of the best solution to change the styles of different components according to the theme is by using css custom properties and just change those custom property according to theme and it will be reflected to the whole website.
Hope this helps 😌😌

[AnshumanBisoyi]

You are my favorite coder-teacher-youtuber.

[gonsalomon]

The fact you got Copilot running helps it to be more approachable. I can't live without it, so it's astonishing there's a dev with more experience who also uses it. Thank you!

[voldemortvi]

Dont stop uploading, i love your videos ! thank you !!

[koak]

Dont worry bro. The explanation was pretty clear. We don't have any idea how cool you really are. Thanks 🙏

[amateruss]

You can just use setTheme(!theme) inside your toggleTheme function, right?

[pushin.P]

Thank you so much Pedro! you went straight to the point and explained everything pretty easy!

[franciscosoares]

Can u please make a video explaining how to record an audio and storing into firestore??Would appreciate that!

Love the content

[EmiStruggles]

Hi, thanks for the help, if anyone's background color is not dynamic, check your root in css, that's probably the problem.

[aniketbhalla]

That's great, but if we purge our CSS to increase performance of website? We will no longer have access to styling in the opposite mode.

[PandaLaVeraa]

That was fire! Super efficient and definitely using SCSS with it helped a bit, organizing. Definitely subscribing!

[bilalch]

Pretty easy and much more flexible with Mui as you won't need to keep record of each element id or classes and manage their styles individually.

[dongnez]

I wanna answer because i change css var() in the index with and use a toggle to make theme change and i wanna know if that is right