React Dark Mode Toggle/Theme - Complete Guide

[@Selconag]

This video is overwhelmingly good. Starting with a meme moment is the best thing ever.

[@Code_Complete]

Thanks haha, glad you liked it!

[@marekjjjj]

finally someone who shows the right way, thanks so much, saved my day

[@mercy4120]

great video! just the approach i had been searching about how to implement

[@Victor-wy1wj]

Thank you a lot

[@hussein-alemam]

Thanks man, great video!

[@SWebDev7]

So very compacted precious informations i love it thanks you very much

[@Code_Complete]

Glad it was helpful!

[@pixel_designs]

Thank you so much man!

[@victoriaanisimova3533]

Thank you sm! You saved me :)

[@thothhermes7270]

Thanks man, it works like a charm

[@ziw3033]

Great video :) I tried your method and noticed that it works for a single component! What if I have a Navbar that sits on the top of every page? Thank you in advance😃

[@ziw3033]

ah never mind I figured it out :)) as long as the individual divs on separate components also have useLocalStorage and data-theme in their divs, they work!

[@joshuadk1394]

@@ziw3033 How did you do this cause i got my dark mode in my navbar but it doesnt change any of my other pages only the navbar

[@2gbeh]

Magic ✨

[@joshuadk1394]

Im having Trouble to able the darkmode to my whole component i currently have the darkmode component in the navbar and then i import the navbar into the app.js file but it doesnt then change the other pages

[@tejas-q6b]

What if we want to apply dark mode to only a container on current page instead of whole app?

[@paski702]

Add "data-theme" to your container like:

[@ZainM.]

isDark ? "dark" : "light" Where basically "light" doesn't exist so it goes back to default right ?

[@Code_Complete]

Yup that’s right, you could leave it as “dark” : “” as well

[@ZainM.]

Your Video's are helping me clear concepts! Thankyou so much @@Code_Complete ❤❤

[@sayfillayevmuhammad]

Thank you

[@GameStrings]

😅

[@MuhammadAbdullah-fr1fu]

bro your teaching style is not good. Plz talk slow so we know what you are saying

[@S-Lomar]

Well done 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰