React Dark Mode | Dark Mode Toggle With React and Styled Components

Показать описание

In this video I demonstrate how to build a dark mode toggle using react and styled components. Using the styled components theme provider we can easily pass around different css themes throughout the app and then toggle which theme we want to use rather easily.

Рекомендации по теме

Комментарии

This guy talks faster than the speed of light.

eugene

If we had multiple components inside the app component, do we need to pass theme props to every child component?. Or can we reference the theme from our styled components like that?

samuelvalentine

Its first time that have to slow down a tutorial video...

rdrahuldhiman

thanks a lot man, i got this question in an interview tho

rameezahsan

Thank you for this one I will love you forever.

gaborvaszi

Waking up to your videos is even better!

jonahg

I had to double check if I had my YouTube playback speed set to 2x

harshitv

Salam, Thank you very much mr Chaim from Morroco

ossamaelidrissi

Styled components really does make this easy! Thanks!

shiffyfriedman

I did the exact same thing your ding and the transitioning affects of the button is not working.

keytronbrown

thankyou so much for making gr8 n useful content for us

Fatima-iekj

Would've loved taking a look @ how you'd implement theme setting presistence and avoiding of the infamous page reflesh flicker.

andreacappuccio

Much appreciated your videos mate 🙂. I would be grateful if you could do a few videos on recoiljs and in particular getting data from.the server and updating data with sockets, while maintaining performance and atomic isolation.of rendered components.
Thank you anyhow..

Iallisios

instead of writing transition on each object can't you just write in CSS "*{transition: ease-in-out .5s}"? because, if I'm not mistaken the "*" is going to target every object if they haven't been given a specific transition? I'm still kinda new to coding so please someone respond:). BTW great video:)

heggern