Context API crash course with 2 projects
HTML-код
- Опубликовано: 10 сен 2023
- 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 - Развлечения
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.
Thanks
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
@@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
@@prateekghanghas4751 😐 ye to mai socha hi nhii
bro asaa hoa sakta hai but sir its really providing very good content , we all have to thanful to sir 😇@@prateekghanghas4751
Dialogue perfect sir 😉...jaha bhi jaoge hame he paoge 😂😅🎉🎉🎉
😂😂
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.
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...
I understood very well how to use contextapi. Thank you sir!
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
same bro same
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
"jahan b jaogey humey hi paogey" mohtaram ustad hitesh choudhary♥
best context API tutorial on RUclips. I am watching your channel since you created it. I am from nepal and i doubt is clear now
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
One of the Best Teacher That i ever seen in my Entire Life ,Thank You Sir
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.
❤
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!
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 ❤
Keep sharing your valuable tips, learning a lot from you.
Enjoy your teaching style, all things to the point. Great content.
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 !
still not understand can you pl help me
@@trustedtalk2880 same its difficult to understand
Fantastic video lecture ❤! The explanations were clear, and it really helped me grasp the concepts. Looking forward to more content like this!
Glad it was helpful!
@@chaiaurcode
@ErMonuSingh why you use not (!) here 😂😂😂😂
Amazing...
Your passion and knowledge inspired me to learn so much. Grateful for your guidance!
White suits you 🤍
Behen padh bhi lee 🙂🫠
This channel is for leary react not for your idiotic things
@@avtheprowd acha ok
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
Mai react ke lie beginner hu.. to mai ye series follow kru to chlega.. ?? Aur agr ye nhi to kise..
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
@@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
Quality Content specially now i can understand as i am working on a project in my company from scratch in react 🔥
I found this channel one of the best on RUclips.
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.
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 😊
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 🔥🔥🔥
Ending is getting prepared 😁
sir playlist ekdm hidden gem hai😀@@chaiaurcode
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.
This is the best react tutorial series on RUclips .
Thanx sir jiiii ♥️ ❤
Most welcome 😊
Thanks a ton sir, mujhe ye concept paid course se bhi samajh mein nahin aaya tha. You deserve all the appreciation.
Thank you Hitesh Sir for making this tutorial and concept look super easy!
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.
Sir is doing lots for us we should also do support and motivate sir to create more content like this❤
Jaha pe bhi jao gay pao gay to hitesh sir ko hi🙂
Ye video samaghne me mujhe 4 days lag gaye aur 2 bar dekhne ke baddd .... Best off alll 💯💯💯
Finallly i understand state managment using context api. Thank u hitesh sir
Apke liye jaan sir 😌
"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'! 💥💻"
😂
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.
Such an amazing vedio on u tube I deeply appreciate ur work.......
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❤❤❤❤❤
it really amazing style of teaching you have sir and the way you teach us i loved that !
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.
You make things too easy. Thanks for this amazing series
Greate Video
Learned a lot about context API and its usage now going to use it and build and production ready app
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 ❤
wonderful content !! appreciate you sir 🖤
Sir aapne jo easy karake samjhay hai kyaa hi bataye, maaza aagaya 🔥🔥
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.
Thanks for the valuable content. Really feeling grateful to you.
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 😅😅
Thank u so much Sir...Usecontext is really a difficult topic but you are making it look very easy.. Fantastic teaching style sir..
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 ❤
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 💯💯
I like your videos more than movies. And at last I feel very satisfied....
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
Sir the way you teaches absolutely incredible really love 💖 your content!!
The way you explain any topic is awesome...
Thank you for explaining Context API in this easy way
Internet best series for a Reason👍
This comes with experience and experience always counts. Thanks sir.
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🥰🥰🥰🥰🥰🥰🥰🥰❤❤❤❤❤
Thanks a Lot Hitesh CHaudhary Sir!!, Providing Extreme High Level Concepts for free in a Structured manner!!
Thanks for teaching with so much dedication!!
fav youtuber u would ever see teaching style is amazing
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 ❤
Absolutely Amazing, thank you so much for the video
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
OP sir, there is only one teacher on RUclips and that is you sir, rest all are just content creators.
Your way of explanation is amazing Sir ❤❤❤
userContext is amazing
one the best study channel i have ever found , thank you
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
haris pakistan mn kahan se me from karachi
sir you are amazing and what a way of teaching such a complex topic.
Thankyou so much sir for explaining in such a simple way
Thank U Sir Free of Cost Aap Itna acha Content Dete. Khuda Ap ko Khush Rakhe.Ameen
Thanks for this wonderful explanation ❤❤.
Learning so much through your videos, thanks a lot.
Happy to hear that!☕️😊
The smile one get after completing the video and getting the project done ✅ and working perfectly 👍🏻🙂😊❤
sir bahut badhiya btaya aapne..... so much respect 💯
Very Good Explanation , with high quality optimized code.
comment goal pura ho gya hai hitesh sir .... futures ke liye bhi goal de diya karo
i must say { app toh chaaa gayay sir g......... } really thankx a lot bro for this owesome series.....easy to understand........
Thanks alot Sir for your all the informative videos it helps alot to deeply understand all the concept🤗
Thank You So much sir for such amazing series
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 😜
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
such a incredible level of teaching and understanding
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 .
Love you Sir for this wonderful React playlist 💗
kya kamaaal ka samjhaate ho aaap, waaah! maza agaya!
awesome contents and the way sir teaching the concepts its like injecting it in your brain
Sir I really love your videos and I understood every part of Context thank you
The explanation was just amazing 😍
Thanks for such an amazing explanation! :)
You're very welcome!
Mesmerizing Explanation ❤❤ Hamare pyare sir ji
Thank you sir apne context api ke bare me itni easly samjha diya hai
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.
Than you so much for teaching second approach all doubt clear now🙏🙏
Thank you sir for the whole series
Thankyou sir.. Got so much new insights
You deserve comments, share, and also appreciation
A hour ago i was so frustrated and now it's clear. I am very happy, you are a great teacher!
Thank you so much, Sir, This kind of Teaching Us ❤
Loving this series hitesh sir!