parent-child-grandchild (this also known as the prop drelling) start concept why need of context api in react. 2:21 to 5:00 paraent ka state grandchild me use karna he but child me uska use nahi ho rha tab bhi usko grandchild me access karne keliye child me se pass karna padega ---------------------------- 18:08--- what if we not use context api and how we manage state 23:18--24:49 ---code summary without context api ----------------------------- kya karenge ham context api me?? create context api make a provider make a consumer 27:00---start here summary --33:03 to 37:03 -------------------------------------------------------- ek provider multiple consumer ho sakte he multiple context bhi ho sakta he ... -------------------------------------------------------------- 43:4546:38 ---how to pass state and function from provider componenet to consumer componenet -----------------------------------------------------------------------
Shandaar , jabardast, lajawab .. you really rock on man.. I am following you when , i was in college and now i am working in MNC .. I studied your react tutorial and also learnt from React official website .. it's really helpfull .. Thanku so much .
Very useful tutorial for the people who are new on React. In Angular we use 'services' or' state management' for handling complex parent child relations like you presented in the tutorial. Thanks 😊
To be honest I spend whole day yesterday on this context API but didnot get from any source,After watching this video first how we can add manually and then by using context API seems piece of cake and feeling so much happy now,SO bundle of thanks Geeky Bhai
Yar interest jaga dete ho coding karne k lie. Mind blowing bhai mind blowing. Ek video ek topic or ek hi bar mae samj aajata ha. Video lambi hoti h to kya faltu mae kahin or search karte rho time khrab kro ussey to best h. Bhai you are too much.
don't care about the video length. We all love❤❤ u . Useful video always becomes long. You always foucus on the video content not video length. (32:54) Thanks for the advice💞💞(36:09) "*Raat bahot ho gai hai*"🤣🤣🤣🤣(52:04) Again, Thanks for wonderful video.
In my programing learning journey you are the super hero. I always have lots of praying for you from the deep of my heart. I really want to meet you one day in my life to thank you.
A great and deep tutorial that i have ever see about context app. Thanx a lot to making such kind of vedios. Now all things clear to me about context. Thanx again
Hahahah Raat bahut ho gai hai bhai... par mast explain kar dete ho... bhai humein bhi bata do itne shor sharabe mein video kaise banate ho without background noice
Hellow ----- My self Abdullah from bangladesh . I Watch your video regularly and now i complete django playlist. i learn everything from your youtube --- thank you --- Brothor I have a request to you that please make a video how to use django custom admin panel instead django default admin templare.... please please please --------- i wait for your notification
I followed same proces but some time it shows blank white page when i use second parameter i.e function in consumer ,,, also some time it only takes only one parameter data only i can access data.name or values inside data only ...... I sended all data in const variable feom app but unable to use clickhandle function
It's working App. Js to guest. Js directly passing component with props attribute just try its shows results. I think App. Js is parent and others are all children class you can make any children to parent but app. Js is parents of all so u can also use direct guest. Js, user. Js, any. Js directly pass component through props
is me jo data our handleClick he vo dono ko alag file me use karna he to kese kae click co algase use karna he our data ko kisi our file me use karna he
bro u r great,i have no word to explain your teaching skills,you are doing a great job for learners,no other youtuber is doing such a fantastic job...For me you are my ideal as a teacher.thanku for your efforts
I think you can't create the counter like this. You should use some lifecycle method as sometimes it might take time to change states so the counter can go wrong!
parent-child-grandchild (this also known as the prop drelling)
start concept why need of context api in react.
2:21 to 5:00
paraent ka state grandchild me use karna he
but child me uska use nahi ho rha tab bhi usko grandchild me access karne keliye child me se pass karna padega
----------------------------
18:08--- what if we not use context api and how we manage state
23:18--24:49 ---code summary without context api
-----------------------------
kya karenge ham context api me??
create context api
make a provider
make a consumer
27:00---start here
summary --33:03 to 37:03
--------------------------------------------------------
ek provider multiple consumer ho sakte he
multiple context bhi ho sakta he ...
--------------------------------------------------------------
43:45 46:38 ---how to pass state and function from provider componenet to consumer componenet
-----------------------------------------------------------------------
Apke Videos Dekhne ke bad hame Kisi aur ke Videos dekhne ki jarurat hi nahi padti he.itna Achcha Explanation he Apka Sir.
You helped a lot in understanding javascript and react concepts excellent teacher you are such a blessing for us.
Finally Aaj me context api Sikh gya or ab confidence bhi aa raha h ❤❤❤
I must say, best teacher ever, esa lagta hain live teaching horai hain,
Shandaar , jabardast, lajawab .. you really rock on man..
I am following you when , i was in college and now i am working in MNC .. I studied your react tutorial and also learnt from React official website .. it's really helpfull ..
Thanku so much .
Keep it up
Exactly I have learnt Css,bootstrap,Js,now learning React, He is my fav ,video r long but after watching every doubt concept is cleared fr me
Very useful tutorial for the people who are new on React.
In Angular we use 'services' or' state management' for handling complex parent child relations like you presented in the tutorial.
Thanks 😊
love you bro......1 month bad muje apki video se help mili hai
To be honest I spend whole day yesterday on this context API but didnot get from any source,After watching this video first how we can add manually and then by using context API seems piece of cake and feeling so much happy now,SO bundle of thanks Geeky Bhai
Glad it helped! You can follow React JS Playlist th-cam.com/play/PLbGui_ZYuhignjLLXTJWkRJKN-SgAqClL.html
@@geekyshows Yes After That Video I started from this playlist and have finished today ,I have learnt all basics Thanks
Yar interest jaga dete ho coding karne k lie. Mind blowing bhai mind blowing.
Ek video ek topic or ek hi bar mae samj aajata ha.
Video lambi hoti h to kya faltu mae kahin or search karte rho time khrab kro ussey to best h.
Bhai you are too much.
don't care about the video length. We all love❤❤ u . Useful video always becomes long.
You always foucus on the video content not video length. (32:54)
Thanks for the advice💞💞(36:09)
"*Raat bahot ho gai hai*"🤣🤣🤣🤣(52:04)
Again, Thanks for wonderful video.
sir ji itna easy kaun samjata hai, now I know everthing about context api 😊😊
Sir really you have done hard work in making these videos really appreciate your hard work. Very helpful.
yaa, actually I aggreed..really best teaching..!
I am Keralaite, Malayali. I can understand Hindi a little bit. But this video helped me to understand About React Context. Thansk alooooot
In my programing learning journey you are the super hero. I always have lots of praying for you from the deep of my heart. I really want to meet you one day in my life to thank you.
I must say, best teacher ever
Thank you very much for all these react videos, very clear content and excellent method of explaining. Thank you.....
A great and deep tutorial that i have ever see about context app. Thanx a lot to making such kind of vedios. Now all things clear to me about context. Thanx again
Amazing ! Perfectly explained. ☺
Fantastic 🔥
Best explanation of context API on yt 🤍🤌
Thanks a ton
Very useful for beginner like me, Thanks Sir
sir. efforts that taking for us is really valuable for us. Love and support.
Hahahah Raat bahut ho gai hai bhai... par mast explain kar dete ho... bhai humein bhi bata do itne shor sharabe mein video kaise banate ho without background noice
great video.... Explained everything in detail about React context API
Your videos definitely deserve more likes!!!!
Hellow -----
My self Abdullah from bangladesh .
I Watch your video regularly and now i complete django playlist.
i learn everything from your youtube ---
thank you ---
Brothor
I have a request to you that please make a video how to use django custom admin panel instead django default admin templare....
please
please
please --------- i wait for your notification
well explained keep doing bruh 🚀 🚀 🚀
Brilliant way of explaining Context.Thanks!
Awesome video 👍. Your explanation is very useful.
I followed same proces but some time it shows blank white page when i use second parameter i.e function in consumer ,,, also some time it only takes only one parameter data only i can access data.name or values inside data only ...... I sended all data in const variable feom app but unable to use clickhandle function
Great work !! Explained very well for beginners.
Hats off !...sir for your efforts 🌟
You are great Sir
Thanks for great tutorial 🤗
SIr Plz do a Meetup in Mumbai I wanted to meet u
You are such a Great person!
It's working App. Js to guest. Js directly passing component with props attribute just try its shows results. I think App. Js is parent and others are all children class you can make any children to parent but app. Js is parents of all so u can also use direct guest. Js, user. Js, any. Js directly pass component through props
Very fruitful sir
Nice tutorial 😊
Why have you added { } for arguments of the arrow function?
It is de-structuring concept of ES6.
are you find any solve?
Great!, than you for nice video for good learning
extremely well explained, thanks a lot.
great i got new eassy method
How we can update state from GrandChild => (GuestComponent) means write here setState() that update the state in App.js component .
Official Videos use this.child
Superb Tutorial :)
Instead of Mycontext.consumer can we use const data = useContext(Mycontext) ?
Well explained 👏
Thank you so much sir.
Bro you are awsome
Iksa matlab ye redux ka alternate h
haa
but redux is best
*You made this topic fu*king easy*
Thank you so much.
I am passing data by facebook login authentication, can I use context API to pass data in another component?
How are you passing data by Facebook authentication.?
Thanks for your teaching. Can we add a method inside the state object and use that method in other component ?
Thanks
I hope this will help in using function in state stackoverflow.com/questions/45052903/is-it-possible-to-assign-function-references-to-state-in-react
Can use from child to parent
so what,s difference b/w Redux and Context API ? can you help please lil bit confuse here.
can anyone tell me, how I can update my ContextApi with dynamic content for ex. storing axios response Using Context Api
Very good video series for beginners and people who are coming from other JS frameworks like Angular/Vue. Thank you:) 𝓖𝓔𝓔𝓚𝓨 𝓢𝓗𝓞𝓦𝓢！✰✰✰✰✰
click ho vo user file me click karvana he and data jo milega use gest file me send karna he somthign like add to cart
is me jo data our handleClick he vo dono ko alag file me use karna he to kese kae
click co algase use karna he our data ko kisi our file me use karna he
bro u r great,i have no word to explain your teaching skills,you are doing a great job for learners,no other youtuber is doing such a fantastic job...For me you are my ideal as a teacher.thanku for your efforts
Great tutorial.
Please share Pure components video
sir ek redux tutorial bhi banaye
Good sir jee
Outstanding
Amazing bro
Sir redux me bhi ek videos bnaye
thank you
13:23
❤❤❤❤❤
thanks
thanks sir
I think you can't create the counter like this. You should use some lifecycle method as sometimes it might take time to change states so the counter can go wrong!
sir pls reactjs csstransitiongruop (animation) pe video bnaao
Bhai make some projects in react js like you created I-school php project
thank yu
nice
Kya ye vdo 2024 me bhi helpful h ??
yes
@@geekyshows redux toolkit or fetch api wala bhi ??
Yes also axios
Context Consumer are incorrect. You have to useContext to use data.
DAMN GOOD
What is React Native?
It is used to develop Mobile Application
@@geekyshows Thank you.. And one more question.. Are you planing to make tutorial on React Native?
I am planning to make tutorial on Flutter it is popular and in demand.
@@geekyshows Ok.. I am a python Django developer, so should i lean flutter?
please let me replay ASAP
Sir really you have done hard work in making these videos really appreciate your hard work. Very helpful.
thanks