Context API crash course with 2 projects

Visit chaicode.com for all related materials, community help, source code etc.
Sara code yaha milta h
github.com/hiteshchoudhary/
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial

[@gauravbawa5609]

Thank you immensely for consistently crafting informative and engaging content. Your work ignites within me an insatiable thirst for knowledge. It's truly challenging to quantify the value of your expertise, but please consider this a small token of my appreciation.

[@nigam_sharma]

Thanks

[@user-kp1zd7on1d]

bhai tumne iss topic k 1000/- rupee diye, ab to badi motivation aagyi h mujhe iss video ko dekhne ki, ki itni valuable chij free mai mil rhi

[@prateekghanghas4751]

​@@user-kp1zd7on1dghanta , ye dusre account se hi khudko bhej rha h , marketing you know. Ya fir to is payment krne wale ka baap koi Ambani hoga daddy's money you know

[@user-kp1zd7on1d]

@@prateekghanghas4751 😐 ye to mai socha hi nhii

[@fulltogaming8390]

bro asaa hoa sakta hai but sir its really providing very good content , we all have to thanful to sir 😇@@prateekghanghas4751

[@balvantbiharichaprajila3673]

09:11 Context API is an interesting and challenging topic in React. 18:22 Context API is a state management solution in React that helps pass data between components in an organized way. 27:33 Context API simplifies state management across components 36:44 Implementing UI with input fields and button 45:55 The video discusses the implementation of the Context API and its importance 55:06 Setting up the context for the theme 1:04:17 Implementing theme mode functionality with the help of Context API. 1:13:27 Implemented dark mode theme functionality using the context API Crafted by Merlin AI.

[@thecalgarians4597]

Hitesh ji, please PIN this comment to help every future viewer better understand "a bug" in the tutoirial. @01:02:34 - When Hitesh ji tried to manually change the html's class="light" -> "dark" and vice versa, it did not work. There Hitesh ji said that, "it's not working because the Card.jsx did not get access to the updated html-class value and that, it will be enabled through Context." But, the correct explanation is that, at that point, darkMode: "class" was missing in tailwind.config.js which Hitesh ji spotted later during debugging towards the end BUT this exactly is the same reason why manually changing class value did not change the theme @ 01:02:34 Context was always available to Card.jsx, just that tailwind.config.js was not set at that time. That's why even after completing the ThemeBtn.jsx, it did not work @ 01:07:56 because the issue was never regarding context being unavailable to Card.jsx. It was again tailwind's config file. Summary: Had tailwind.config's darkMode: "class" already set earlier, manually toggling html-class would have worked @ 01:02:34 as Card.jsx was already getting access to states by that time. Hoping that I could make the bug clear. =============================== Having said this, I'm sooooo thankful to Hitesh ji for this amazingly insightful series on React (that too at no charge). Having depply understood the concepts due to your pedagogy, I was able to spot this anomaly in your tutorial BUT I totally understand that to deliver videos UNEDITED puts an add on pressure onto the tutor that "slip of tongue" happens. After all, we all humans feel pressure and make some mistakes. Your expertise on the subject is unquestionabale. ❤

[@r4ge848]

I love this guy , his confidence , the way he talk , the way he explain things its just amazing , he never cut or remove the portion of the video where he does mistake , instead solve it . thanks man

[@Aman_yadav1419]

Dialogue perfect sir 😉...jaha bhi jaoge hame he paoge 😂😅🎉🎉🎉

[@sumantagorai5880]

😂😂

[@casual_GamerHQ]

I am still bit confused with this Context API thing.. But i'll watch it again and again... It's a complex topic but giving it time and energy will bring the results... Thanks Hitesh Sir...

[@FaizSultan430]

Sir Huge respect For u apki 1, 1 bat sach h waqi itny Mushkil topic ko itna easy way me Explain kia h apne sbse bari bat k hindi me jo k dimag me fit beth gya h apka Bht BHt Shukria Hitesh Sir Ji Love From Pakistan ❤

[@rashmirana4017]

Keep sharing your valuable tips, learning a lot from you. Enjoy your teaching style, all things to the point. Great content.

[@surbhisrivastava9536]

I understood very well how to use contextapi. Thank you sir!

[@user-sj8ou8ug5e]

Thanks a lot,🙂❤❤❤❤❤ sir for creating such an amazing React JS series. This helps us to understand that React JS is very easy to understand. It's easy because of you sir

[@FaizanKhan-bf2rs]

Amazing... Your passion and knowledge inspired me to learn so much. Grateful for your guidance!

[@UttamPun-tz4fo]

best context API tutorial on KZbin. I am watching your channel since you created it. I am from nepal and i doubt is clear now

[@pritimodanwal06]

Thank you sir for this best series of react. No one can beat this video regarding contextAPI and prev also React Router. I like too much thanks a lot. Make video ahead also for us, We will support you always!

[@codingwithteam7262]

I found this channel one of the best on KZbin. Means a lot sir you your efforts can make a great impact on our learning. stay blessed, Allah will give you more success and prosperity.

[@rajdeepsharma8073]

One of the Best Teacher That i ever seen in my Entire Life ,Thank You Sir

[@ErMonuSingh]

Fantastic video lecture ❤! The explanations were clear, and it really helped me grasp the concepts. Looking forward to more content like this!

[@chaiaurcode]

Glad it was helpful!

[@vivekpaanchal]

@@chaiaurcode @ErMonuSingh why you use not (!) here 😂😂😂😂

[@ImRjha]

Hats off sir, incredible way of teaching. Initially, took me time to connect all the dots(like how user ,setUser is connected to userContext and other components) as i am from mechanical background and just dived into web development field but once I understood the topic then got blown away by your approach of teaching. Thank you ,sir for teaching us on free platform like youtube !

[@trustedtalk2880]

still not understand can you pl help me

[@art_by_endeavour]

@@trustedtalk2880 same its difficult to understand

[@subhamgoswami8607]

Quality Content specially now i can understand as i am working on a project in my company from scratch in react 🔥

[@satyendrasharma4768]

Very Nice way of explaining each topics in detail and in easy way, the content of the topic is very well designed there no need of any suggestions, Everything is Excellent with Chai Aur Code.

[@goinnocent]

Thanks a loads sir ❤....u really brought revolution in development teaching .I saw ur js series and u teach so well each and every topic in depth and now this present which you are giving us at free of cost really make you true mentor in real words.. Thanks again sir 😊

[@shuvod3425]

It took me 3 days yo learn about context api, well i have a recommendation for learners to learn doing the second project shown by sir in the video. That is very much compact and easy to decipher code

[@sarmadkhan3625]

same bro same

[@mischief9499]

In the second project, why did you create useState of themeMode even though you had already described its value inside createContext() method (at 55:30)? Also why are we using useState hook here for themeMode? We are not showing themeMode on the UI, can we use a normal variable for it?

[@TheStickmanShow805]

got it sir second project ko 2 baar dekha to sab samaj aa gaya ki chal kya raha he. Second waali method easy lagi first waaali ke bajay. Thank you sir once again.

[@piyushramnani1014]

Jagg ghumeyaa, thaare jaisa na koi, sir! Kitne bhi projects bana lu, courses le lu, ghum fir k complex topics samajhne apki chaukhat pe ana padta hai. Chai or code is Coffee and code for me. And the approach of creating mini projects for each topic is just too helpful. I know that you don't mentor people personally, but sir if any day you need an intern or Personal Assistant, I'd be happy to work for you and learn from the best that there is. Much love from Bhopal Hitesh sir

[@ShiviNigam-yi4iy]

Mai react ke lie beginner hu.. to mai ye series follow kru to chlega.. ?? Aur agr ye nhi to kise..

[@jazibbashar3332]

But Mai kahoonga ki agr new ho to coding with Prashant sir 19 hours k react h fully friendly for beginners to advance after that yahan continue kro to basic advance dono cover ho jaiga I think it is useful for you

[@jazibbashar3332]

​@@ShiviNigam-yi4iyBut Mai kahoonga ki agr new ho to coding with Prashant sir 19 hours k react h fully friendly for beginners to advance after that yahan continue kro to basic advance dono cover ho jaiga I think it is useful for you

[@MuhammadYasir-cl4jp]

Great video sir. Explained the very difficult concept very easily. Make more great in-depth videos on backend as well. Appreciate the quality content sir❤❤❤❤❤

[@AkashKumar-qm1hx]

it really amazing style of teaching you have sir and the way you teach us i loved that !

[@factytoka]

Sir is doing lots for us we should also do support and motivate sir to create more content like this❤

[@rishabhpatel1286]

This is the best react tutorial series on KZbin . Thanx sir jiiii ♥️ ❤

[@chaiaurcode]

Most welcome 😊

[@nooramin1000]

Well explained when i was watching this and new to this field of tech i can't understand but hat's of to you from magically you appear when i was learning JavaScript and i found your react playlist too.. so i decided react parhna hai tou chai aur code sia hi ❤

[@harshalashi]

Thank you Hitesh Sir for making this tutorial and concept look super easy!

[@saptarshisinha1744]

This series is becoming as interesting as a thriller show day by day...just waiting for the climax sir...ab toh ruka hi nhi jaraha 🔥🔥🔥

[@chaiaurcode]

Ending is getting prepared 😁

[@deeproy8136]

sir playlist ekdm hidden gem hai😀@@chaiaurcode

[@soniyaprasad77]

White suits you 🤍

[@avtheprowd]

Behen padh bhi lee 🙂🫠

[@earlymorningcodes6100]

This channel is for leary react not for your idiotic things

[@soniyaprasad77]

@@avtheprowd acha ok

[@raziuddin2081]

Such an amazing vedio on u tube I deeply appreciate ur work.......

[@user-ts1cs9yz8m]

I really love to learn concepts through creating mini projects based on those concepts. Thank sir, this video was exactly what I was looking for.

[@mansishrivastav4035]

Thanks a ton sir, mujhe ye concept paid course se bhi samajh mein nahin aaya tha. You deserve all the appreciation.

[@MuhammadArslan-px1sm]

Jaha pe bhi jao gay pao gay to hitesh sir ko hi🙂

[@SuchishreeSengupta]

Thank u so much Sir...Usecontext is really a difficult topic but you are making it look very easy.. Fantastic teaching style sir..

[@shaheennamboori]

It feels great to learn this far , also to keep the materials that I created with alongside watching this series. It hugely helps out when we are trying different things , we can come back to this project and always keep refering to it.

[@madhavgupta2059]

Apke liye jaan sir 😌

[@vishalrajput8231]

"This series is like the Mirzapur of React tutorials - drama, action, and a whole lot of 'plot twists' in coding! 🎥🚀 Big thanks, Guruji, for scripting this learning adventure! 🙌 Let's make our React journey an epic 'box office hit'! 💥💻"

[@shubhamgoswami8751]

😂

[@jojostore3904]

"jahan b jaogey humey hi paogey" mohtaram ustad hitesh choudhary♥

[@shaktidubey]

Greate Video Learned a lot about context API and its usage now going to use it and build and production ready app

[@vigneshv789]

Thank you Hitesh sir ❤❤, Watched this video almost 5 times and successfully implemented in my E Commerce application. The key to understand Context API in this video is to forget what you have learned before 💯💯

[@sahebdas7056]

Finallly i understand state managment using context api. Thank u hitesh sir

[@tiktokPlaySchool]

Ye video samaghne me mujhe 4 days lag gaye aur 2 bar dekhne ke baddd .... Best off alll 💯💯💯

[@prathameshtirlotkar505]

Thanks alot Sir for your all the informative videos it helps alot to deeply understand all the concept🤗

[@pratikguha255]

Thank You sir for your Great Hard Work 🙏🏻🙏🏻. I think I have total confidence in myself that I can make a project with react. Thank You Again ❤

[@aniketgurav809]

Thank You sir for your Great Hard Work 🙏🏻🙏🏻. I think I have total confidence in myself that I can make a project with react. Thank You Again

[@developer144]

thank you bhaiya itna deeply pdane ke liye💞💞 mja hi aagya context api pd kr or abi yo ek or video bi hai is topic pr pta ni aage kya kya raaz khulege react ke 😅😅

[@user-cg6wq4il2o]

Itna react js ka video dekha but apka video mko sbse perfect lgta isliye mera 100 day's challenges complete ho rha .. thank you bhaya ❤

[@user-xg8kc2cs2p]

Thanks for the valuable content. Really feeling grateful to you.

[@sigmagreedycoder]

Sir the way you teaches absolutely incredible really love 💖 your content!!

[@user-st4yn1in6u]

You make things too easy. Thanks for this amazing series

[@PrashantMalviya-jk8vp]

Thank You Sir, even i don't get the whole context at once but after watching it again i got the context of context api, Thank You for such amazing series🥰🥰🥰🥰🥰🥰🥰🥰❤❤❤❤❤

[@vineetsingh904]

apka har projects to 3 baar bana raha hu ek bar video dekha kar phir 2nd time bina dekha 3rd time usma khud se kuch extra add kar ka, shuru main lag raha tha har project ko 3 baar bana kar timewaste to nahi kar raha par abb lagta hai sahi kiya sara new topics bahut fast samjjha a raha hai or kahi baar to apka bata na se phela hi samjha a ja raha hai

[@prakharbuliya800]

great Work sir. Really Appreciate it. Also if you can add more videos on Interview Series it would be great. Thanks

[@ayushjain9723]

it took me a lot of time to digest the first project but second project i was able to made myself thanks hitesh sir for teaching in such detail.

[@_a.believer._]

But we can simply also do the dark mode using "dark" property in classname in case of tailwind, that's it. Why manually creating the useEffect for that? I thing we are using useEffect becoz we just want to manually do the things right ?

[@pramitsrivastava2579]

sir you are amazing and what a way of teaching such a complex topic.

[@sagarghosh2897]

Sir aapne jo easy karake samjhay hai kyaa hi bataye, maaza aagaya 🔥🔥

[@nehabansal370]

Thankyou so much sir for explaining in such a simple way

[@nikhilnitesh1525]

Internet best series for a Reason👍 This comes with experience and experience always counts. Thanks sir.

[@mohd.maasir8198]

Thanks for teaching with so much dedication!!

[@user-iu9mc6ho2c]

Thank you Hitesh sir for this easy explanation of context API. I really enjoyed it. By the way, a huge thanks for the story of context API HAHAHA 😜

[@mitvavirvadiya8993]

Thank you for explaining Context API in this easy way

[@AkibZaved78]

wonderful content !! appreciate you sir 🖤

[@tejaslotlikar3573]

I'm watching this awesome series after chai aur js. I have one question? Why do we need useEffect for the theme changer here 58:30 ? We can also do and it works

[@jk-sm6qr]

I like your videos more than movies. And at last I feel very satisfied....

[@keniljoshi6092]

Sir I really love your videos and I understood every part of Context thank you

[@AfghanGoldenOldies2]

awesome contents and the way sir teaching the concepts its like injecting it in your brain

[@harisganny7133]

proper tareeka sa pehli dafa react sahi sa seekhi hai sahi conceptual tareeka sa samajh ai ka aakhir ho kia rha hai! hitesh sir love from pakistan

[@Asadullahabbasi-mi6cq]

haris pakistan mn kahan se me from karachi

[@mehtabahmed8062]

Absolutely Amazing, thank you so much for the video

[@ihimrao]

The way you explain any topic is awesome...

[@ankursingh1749]

Than you so much for teaching second approach all doubt clear now🙏🙏

[@AmitBiswas0142]

The smile one get after completing the video and getting the project done ✅ and working perfectly 👍🏻🙂😊❤

[@developer_dhanji]

comment goal pura ho gya hai hitesh sir .... futures ke liye bhi goal de diya karo

[@user-gc1yw7pr4h]

kasam s sir man gai app ko sir level hy bhai app ka sir i have a try to clear out lots of concept long term but i didn't it now i revolved lots of concept after watch your videos sir and bandal of thanks for giving us time

[@sandip_kanzariya8476]

Your way of explanation is amazing Sir ❤❤❤ userContext is amazing

[@abdudujjjana8512]

sir,the output you git on 36:43. in order to get sanme output i need to change {user.username} to {user} in profile.jsx. WHY?

[@Suraj.5260]

Maza aarha h , some of the things are going over my head and I am getting some stuff. I guess I will have to watch the video again but Still its quite exhilarating. Thank u sir .

[@erfaizankakpori]

i must say { app toh chaaa gayay sir g......... } really thankx a lot bro for this owesome series.....easy to understand........

[@azuma12]

fav youtuber u would ever see teaching style is amazing

[@Ram-bz4qu]

Thanks for this wonderful explanation ❤❤.

[@riversound8871]

Thanks Hitesh for the superb video. Can you please guide how to use multiple context in a single project?

[@PradeepKumar-jp8py]

Thank you sir apne context api ke bare me itni easly samjha diya hai

[@SatishKumar-ik1jh]

Huge thanks sir ❤️, currently I'm not in a position to contribute a token of appreciation but I make a promise that I'll definitely pay for your efforts someday.

[@AhmedSiddiqui-dz3up]

bhai bht shukhriya allah nay mjhay ap k channel tak pohanchaya takay main react js achay say seekh sakun thank you sir

[@95Nikhilat]

Learning so much through your videos, thanks a lot.

[@chaiaurcode]

Happy to hear that!☕️😊

[@nikhilanand7613]

sir bahut badhiya btaya aapne..... so much respect 💯

[@demo1905]

Best explanation thanks I got the idea how to use it now❤

[@shahrukhmehdi9021]

Thank U Sir Free of Cost Aap Itna acha Content Dete. Khuda Ap ko Khush Rakhe.Ameen

[@prateekpradhan80]

thank you sir...because of you learning react is easy for me..thank you very much sir...🙏

[@aliakber2790]

Chai is Love because of Hitesh Attention:- First create component and dig 3 to 4 components in it...and give value as props in parent component and transfer it to last inner component...condition :- transfer the same prop to last component...hence you will get the reason behind this amaze video.

[@SatyendraSingh-zt1nh]

Nice way to explain. Salute to you!!

[@rkkarwasra9684]

such a incredible level of teaching and understanding

[@abhishekraghunath95]

kya kamaaal ka samjhaate ho aaap, waaah! maza agaya!

[@abhishekmasali5351]

Thank You So much sir for such amazing series

[@kausarraza2961]

Love you Sir for this wonderful React playlist 💗

[@user-ph2vm1wt8l]

This video was incredibly helpful! I've learned so much, and my concepts and doubts are crystal clear now. The explanation was concise and easy to follow. Thank you for creating such valuable content!

[@user-mk8zz3ow4f]

I saw the video before your video of context api in react but that just of 15 minutes and I don't know anythings what happened or not Thanks for this video sir I Understand How actually I have to implement the context api