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

[@Aman_yadav1419]

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

[@sumantagorai5880]

😂😂

[@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.

[@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 ❤

[@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...

[@surbhisrivastava9536]

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

[@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

[@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. ❤

[@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

[@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

[@rashmirana4017]

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

[@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!

[@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

[@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.

[@subhamgoswami8607]

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

[@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 😊

[@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 😂😂😂😂

[@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.

[@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

[@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

[@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❤❤❤❤❤

[@rajdeepsharma8073]

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

[@rishabhpatel1286]

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

[@chaiaurcode]

Most welcome 😊

[@factytoka]

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

[@FaizanKhan-bf2rs]

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

[@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.

[@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

[@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 💯💯

[@AkashKumar-qm1hx]

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

[@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

[@madhavgupta2059]

Apke liye jaan sir 😌

[@sahebdas7056]

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

[@nikhilnitesh1525]

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

[@MuhammadArslan-px1sm]

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

[@mansishrivastav4035]

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

[@user-xg8kc2cs2p]

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

[@harshalashi]

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

[@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]

😂

[@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.

[@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 ❤

[@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 ❤

[@shaktidubey]

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

[@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

[@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 ❤

[@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.

[@guptasagar694]

Thanks a Lot Hitesh CHaudhary Sir!!, Providing Extreme High Level Concepts for free in a Structured manner!!

[@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

[@user-st4yn1in6u]

You make things too easy. Thanks for this amazing series

[@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.

[@tiktokPlaySchool]

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

[@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🥰🥰🥰🥰🥰🥰🥰🥰❤❤❤❤❤

[@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

[@sigmagreedycoder]

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

[@mohd.maasir8198]

Thanks for teaching with so much dedication!!

[@sandip_kanzariya8476]

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

[@sagarghosh2897]

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

[@jk-sm6qr]

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

[@jojostore3904]

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

[@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.

[@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 😅😅

[@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?

[@mitvavirvadiya8993]

Thank you for explaining Context API in this easy way

[@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.

[@SuchishreeSengupta]

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

[@ihimrao]

The way you explain any topic is awesome...

[@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

[@azuma12]

fav youtuber u would ever see teaching style is amazing

[@raziuddin2081]

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

[@pramitsrivastava2579]

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

[@Craxxycoder]

Clear understanding without single doubt👍

[@prathameshtirlotkar505]

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

[@Free_Soul6]

one the best study channel i have ever found , thank you

[@AkibZaved78]

wonderful content !! appreciate you sir 🖤

[@mehtabahmed8062]

Absolutely Amazing, thank you so much for the video

[@sigmagreedycoder]

The way you teach you will surely get many subscribers don't worry sir mark my words "You will reach millions of subscribers but you need to be consistent and maintain the content" Keep going

[@nikhilanand7613]

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

[@kayumkhan_kks]

OP sir, there is only one teacher on KZbin and that is you sir, rest all are just content creators.

[@rkkarwasra9684]

such a incredible level of teaching and understanding

[@nehabansal370]

Thankyou so much sir for explaining in such a simple way

[@abhishekraghunath95]

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

[@AmitBiswas0142]

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

[@mysterious7809]

This is the best context api video on youtube

[@AhmedSiddiqui-dz3up]

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

[@keniljoshi6092]

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

[@mohitbisht4437]

Thank you again sir , for making this topic easy for us

[@prakharbuliya800]

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

[@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 .

[@hammad8517]

This course is bless for those wo knows only basic JavaScript like me ❤

[@shahrukhmehdi9021]

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

[@PradeepKumar-jp8py]

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

[@erfaizankakpori]

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

[@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

[@UditSharma124]

Thank you for teaching React in such a great way!!! Adding comment to reach target 😁

[@SatyendraSingh-zt1nh]

Nice way to explain. Salute to you!!

[@sushantprasai8652]

A hour ago i was so frustrated and now it's clear. I am very happy, you are a great teacher!

[@95Nikhilat]

Learning so much through your videos, thanks a lot.

[@chaiaurcode]

Happy to hear that!☕️😊

[@abhishekmasali5351]

Thank You So much sir for such amazing series

[@kausarraza2961]

Love you Sir for this wonderful React playlist 💗

[@OmPrakash-268]

Very Good Explanation , with high quality optimized code.

[@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