Build a dark mode light mode in reactjs with context api

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdotcom
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@muhammadjaffar4619]

I appreciate how well you communicate with students,[ Mr.Hitesh]. Your clear explanations and willingness to help us understand make a big difference in our learning experience.

[@ishvarkanjariya2498]

Your presentation style is so engaging and informative. I've learned so much from watching your videos. Keep up the fantastic work

[@tamoghnadey]

Your videos are great, having individual mini projects for each concept is very informative

[@TheAremoh]

I like your teach style. Thanks for all you do for the community

[@Gorav14]

i am waiting.. though i didn't watch the other videos of this series...sir i went through your vlogs and courses, your channel seems like it can change my future

[@badalsahani112]

Hitesh sir, you are the reason I started learning frontend. I was more of a backend person

[@pawankand]

Thank you Hitesh for making this context api much eaiser to understand 🙂

[@subuhifarooqui5165]

thanks Hitesh Sir....I am trying to start my career after a very long career break.....Your videos helps alot ....🙂🙂🙂🙂🙂

[@serpercody5347]

Thank you for the great explanation Hitesh.

[@ankushchavanwebdeveloper]

Subject: Request for a Micro Frontend Series Dear Hitesh Sir, I hope this message finds you well. I wanted to express a suggestion that I believe would greatly benefit our community of learners. Could you please consider creating a series on MicroFrontends? Such a series would undoubtedly prove to be immensely helpful for everyone eager to enhance their knowledge in this domain. Thank you for considering my request, and I look forward to hearing your thoughts on this matter. Best regards, Ankush Chavan

[@nica1]

Thank you for all your hard work. You are helping so many people.

[@nzubeokere3718]

You are doing a good job, learning a lot from you. Kudos!

[@moizkhanbroadthinker6856]

❤❤

[@Adventures_English]

Very valuable videos. Thanks again, Hitesh!

[@farzananipa1605]

Your videos made my developer journey easier

[@juanmacias5922]

I was thinking that if you needed to use many stores, this could get a bit confusing, happy you acknowledged at the end that Redux Toolkit is favorable in those situations, haha great video though!

[@Bhaskarjyoti02]

Thankyou so much for this amazing tutorial, need a little bit time to absorb it

[@tanyaraj3129]

left the comment cause your content is very helpful for me love you guruji

[@lordbeerus3310]

Sir plz make 1hr videos it would better for us also sir till now the journey was amazing, hoping to do major projects with you

[@harishs1316]

Thank you so much for the amazing series learnt a lot🤞

[@murshid956]

Really helpful, waiting for next video.

[@vosyasabesquien]

Thanks hitech. Very clear explanation about context api. I just got one question: what if i want to have two (global) contexts in main app.jsx? lets say 'theme context' and 'toast context' for the whole webapp. Then we just need to nest those two providers in app.jsx? Like .....

[@736939]

Thank you Hitesh. It would be great to see TypeScript with React as well :)

[@juanmacias5922]

I've been doing these projects in TS myself, not much changes, you just need to add some types when asked to lol

[@dolfieaspeling9893]

Keep going bro excellent series

[@opencode1]

hope you will make other videos like this, love it

[@rajeshseemakurthi1595]

Awesome video for beginner Developers

[@avi933]

You are doing great work

[@AliAhmed-vq8fi]

Thank you sir for such an amazing tutorial

[@H_R_D]

Thank you for your great content☺☺

[@Eric-sy3dm]

Thank you for the lesson ❤.

[@user-kg4ug5gz8u]

love all your videos

[@malikhaidi434]

Thank you for such a valuable content

[@041_ponranjithm6]

Hitesh sir please come with multiple nested context with usereducer combination project bcoz in Internet most videos are just single context project humble request to you sir!!

[@brunohenrard]

Again a great video !

[@rezamash83]

Awesome videos!!!

[@morecoinbull]

hey man thanks for this video!!

[@prasadpatil2371]

second method is very helpful where we create, aware & use the method in single file.

[@rexraymond5039]

awesome explanation

[@Adventures_English]

Fun Fact: You can completely delete theme.js from the project and it still works fine. I imagine what was implented in App.jsx could also be moved into the object in theme.js?? Not quite following. Any insight greatly appreciated.

[@AliAhmed-vq8fi]

Thank you soooo much

[@amitbiswas54]

Do you have react js series? Like your js

[@webdevknight123]

Thank you❤❤

[@birendrabohara959]

Outstanding

[@Moto_memoirs_45]

@hitesh, i just take some reference from your portfolio website, i found an ui related bug in your website in the video section, your video close btn is not working, thank you.

[@ravianand6351]

Using vanilla javascript code, inside React isn't recommended right ??

[@praveshverma0808]

your are op sir

[@samirrobin3524]

Thank you so much❤❤

[@NishanNepal-sg7yz]

Thanks for this

[@user-en1pd3zc7e]

Thanks a lot

[@luce9574]

Thankyou for such great quality content

[@ManasPant-gf3jv]

Awesome

[@harshit2629]

Hi Sir, thank you for video, when I am trying to login into your app, it's showing it's blocked by admin, what's the reason? I tried multiple times Sir @ Hitesh Choudhary Sir

[@anonlegion8331]

Thank You

[@jeevananthamn7532]

good, thank you

[@iBounty12]

Thanks again

[@srinivaspoosa8606]

superbb

[@Hatsoff4u]

awesome

[@OlaMovies-pj3dy]

Hitesh Paapi ❌Hitesh Choudhary✅

[@mujahidulislamshaikh9664]

Love you

[@salmanfarshisajib6512]

Nice👍

[@user-oh8iq3do4u]

great

[@not_amanullah]

Thanks ❤

[@user-kk1vu9tz8g]

hi hitesh from Turkey

[@pearl-jp4vd]

Why did we add this line darkMode: "class" in tailwind.config.js file at the end of the video ? What is the significance of this addition ?

[@aadityapuri1061]

did you get it bro? cauz I have same doubt

[@pearl-jp4vd]

No bro , I hadn't researched after that. If you come across the explanation anywhere please let me know too.@@aadityapuri1061

[@CodeNageShorts]

nice

[@abhisheksankpal2]

Hey Hitesh I bought pro backend course from lco but currently not able to acess it , I have mailed you details please look into it

[@HiteshChoudharydotcom]

It’s now managed by ineuron. Please reach out to [e-mail] for assistance. They own it now. 🙂

[@ok98730]

❤

[@asingh5128]

i hvae taken the react js course on lco, but not able to login. i have also written several mails but no action taken

[@harshit2629]

Same with me also

[@brkrvisions780]

hi, I have a problem with my LCO account it is not showing my content, is it a server issue or what

[@brkrvisions780]

Waiting for the reply

[@brkrvisions780]

If any issues please release as soon as possible

[@HiteshChoudharydotcom]

It’s now managed by ineuron. Please reach out to [e-mail] for assistance. They own it now. 🙂

[@albi712]

Hello Sir, not able to access our LCO courses. I have dropped couple of mails but no response from support team. There was no official mails notifying blocking our access. I have seen in the comments section few other people's also having same issues. If you see this message, could you please tell us what's happening.

[@srikarkulakcherla2202]

Same with me, absolutely pathetic support.

[@joebenterryk2050]

@@srikarkulakcherla2202 I have the same issue. They are not even responding and its been weeks now

[@SudhirVetri]

same issue for me as well, Please act quickly

[@albi712]

@@SudhirVetri I don't think issue will be resolved. From what I learned, physics wallah bought INeuron and LCO. Since then access has been revoked. Don't think they will give the access. They just ruined the good platform.

[@albi712]

@@SudhirVetri I don't think issue will be resolved. From what I learned, physics wallah bought INeuron and LCO. Since then access has been revoked. Don't think they will give the access. They just ruined the good platform.

[@AmitSaini-ew7ep]

now im here

[@debjit21]

Frankly I enjoy "chai aur code" more.

[@Ashutosh_Kumar17]

Lijiye sir kr diya comment

[@temitopedavid9508]

❤❤❤❤

[@ishaanbajaj2229]

I am an unable to buy course from your official website

[@Ayushsharma-xn5hg]

Sir app to Japan m ho too app vha se live ho

[@sravantp03]

❣

[@jgappy]

🌎

[@anisharma3307]

❣️

[@tinagoldstein1208]

🎉

[@MittuRohith]

👌

[@roohankhan4203]

❤❤❤

[@AnkitTanwarUPSC-eo6dk]

Bhiya apse milna hi jecrc university mai I m in btech 1st year cse

[@user-lu4ss1hr1c]

👏👏👏👏👏

[@louesauveurchristian7261]

💌

[@aswinashokan1604]

♥

[@btissamchaibi9015]

Where's the GitHub repository

[@shubhamjangid5936]

EROOR -> darkTheme() is not triggering CODE -> function App({ children }) { const [themeMode, setThemeMode] = useState("light"); const darkTheme = () => { console.log("darkTheme"); setThemeMode("dark"); document.body.setAttribute("data-theme", "dark"); }; const lightTheme = () => { setThemeMode("light"); document.body.setAttribute("data-theme", "light"); }; return ( {children} ); }

[@yogeshjangid3696]

Hello Sir, Sorry I am disturbing you here, but I am not able to access my courses in LCO Platform. When I login with my account then it's shows that I can't access my course and contact admin. I mailed you and also raised a ticket in LCO platform but no response. May you please help me resolve this issue. #LCO ♥

[@albi712]

PW just acquired LCO from ineuron. Its no longer in SIR's hands. I just came to know that now. We just lost a good content. Better look for something else.

[@harshit2629]

​@@albi712same here, not able to access on app through gmail

[@-UPH-KRISHNAM]

@@albi712 do you think Sir has no responsibility over my money just because I paid for it at the moment he was handling it? do you think that money was easy to earn? the money which I paid was my effort and time and energy, so easy of you to defend your sir. did he just handed over the platform for free?

[@albi712]

@@-UPH-KRISHNAM just like you I paid for a course and was not able to access it. Sent out couple of mails but no response from anybody. Later I came to know a comment from SIRs Instagram account saying that not in their hands since it's been acquired by ineuron and sold it to someone else.

[@albi712]

@@-UPH-KRISHNAM I m not defending anyone. Just that no one is taking responsibility for the money we paid for the course or access issues. Maybe u can try sending mails to support but no one is going to reply back.

[@rabingurung9072]

😍

[@devaprem7777]

[@ShubhamSharma-nr7kw]

just leave a comment

[@thespiderbaba4929]

👌👌👌👌👌👌👌👌

[@GovindKumar-xj9yw]

🚀🚀🚀🚀🚀🚀

[@gm1372]

🙂

[@sharadbhadait9277]

👋👋🥳🥳

[@yashvijaybombale6896]

Code aur Chay

[@veerabubali2245]

hi

[@user-yv1fz8hg2o]

[@ahmadmj8668]

🏛🕓

[@Just_For_U_DeeR]

❤❤❤❤