useContext Hook in React | How useContext Hook Works in ReactJS in Hindi In 2020 #52

Welcome, what is useContext in ReactJS Hooks in Hindi? How the useContext Hook Works. React's Function Components come with React Hooks these days. Not only can React Hooks be used for State in React but also for using React's Context in a more convenient way. This tutorial shows you how to use React's useContext Hook. Before, make sure to read the previous tutorial for getting an introduction to React's Context:
Why React useContext?
What is React useContext?
How to use React useContext?
When to use React useContext?
************ Must Watch Videos For Web Development ************
➡️ Hooks in React JS in Hindi | useState in Hook in React JS: • #30: Hooks in React J...
➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: • ES6 Tutorial #5: Array...
➡️ Object Destructuring in ES6 in JavaScript in Hindi: • ES6 Tutorial #7: Objec...
➡️ React DevTools & Source Code Link: www.thapatechnical.com/2020/0...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
➡️ #23: Array in React JS in Hindi | React JS Project Netflix App #2 in Hindi in 2020
➡️ Array in JavaScript in Hindi: • JavaScript Tutorial in...
➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...

➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechnical.com/2019/1...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter KZbin Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: vinodbahadur...

[@ThapaTechnical]

I hope you all are now familiar with react n knows how React works... Guys video ko share jarrur krna.. 🙏

[@tarunjoshi1106]

Sir COVID 19 india ke api ka use krke React Js mai bhi bnao 👌☺️ Jo data ko display kre properly 😋👌

[@skwebdev7298]

Sir, can you please suggest some good Blogs for reading. React

[@ninad1902]

sir what is the difference between usecontext hook and context api and redux?

[@zakarehman8820]

@@skwebdev7298 Go to official site of react

[@sammittal6100]

i read 4 articles and watched 2 videos on this topic it bounced over my head..... saw this video at 2x and understood it clearly on the first attempt... keep making videos

[@starlord7526]

those 4 articles and 2 videos helped you understand this better

[@prashantmaitra3361]

I was waiting for this reactJs tutorial since last 7 months. You are my new tutor. Thanks

[@maxxinmaze4501]

wow! well-Explained man! Keep up the good work!❤

[@ankita_156]

I watched literally 3-4 videos and didn't understand a damn thing. After watching your video, I understood so many things. Thank you.

[@kadivetisrikanth4710]

I have watched multiple videos for this and nothing make sense like this video does. 🤘

[@Singh54321]

bro literally 5 videos dekh chuka ,lekin samaj aapse hi aaya thank you

[@shaikhzaid1117]

" And Boom guys " i love that , great way to teach love it sir

[@hardikpatel9483]

hello, sir -- Make video for redux in React. and also how to integrate React in Php. Need real time project. I mean Advance React Implementation. I love u r videos, explanation ...... I appreaciate your efforts, hard work for new learners. Thank you ...!!!!!!

[@dreamer6911]

Believe me or not I just watched some video on useContext hook but no one literally nobody explain it that simply. Hats off to thapa sir.

[@ThapaTechnical]

Thank You so much

[@RINKUVERMA-gv6tp]

Thanks buddy apki video se maine react sikha hai jo bhi sikha hai apki video se really bhut helpfull rha hai vo mere career mai

[@mohitkhandar8060]

Osm bhai your teaching skills 🤯mind blowing

[@dishashah4197]

You explain complex topics so easily

[@Dineshkumar-ic5el]

Really its good as compare to use Consumer, it was so long. Thanks

[@rabiafaisal558]

shukr ha apk lecture sy mujhy context api smj a geya

[@jintudas7088]

Very helpful video, thank you so much

[@vivekpadelkar]

simple example............nice work buddy !!!

[@mianaleem8773]

you are a good teacher Love you sir 💓

[@bhartchouhan2024]

you are really a perfect teacher .

[@usmanshafiq2882]

Hi Sir, You are doing so well. I have a question, why is your boom animation missing? 😁

[@drhasnainsikandar]

aur yeh dekho guys boom hmayu smajh agya. Thank you very much

[@fitnessmodeldiet5350]

wow use context is amazing 😍😎👍

[@biswajeetpadhi5713]

Sir awesome videos. Please make video on redux. This concept is complex and i know you will make that simple. Ao please make vidoe on that 🙏🙏🙏

[@ritiksahu5310]

concept clear hogaya thanks..

[@satishgaikwad6958]

Nice explaination....Thanks sir... 👏

[@fitnessmodeldiet5350]

It is really useful and very powerful

[@kunalahire5036]

well explanation now i understand consept

[@shubhamh7451]

brrr, thank you so much man!

[@GameXN_Shorts]

Thapa Sir you are great !!!!

[@TechLearneryt]

abb thora sukoon aya 😂😂. pechli video ma to mujhe gussa aa raha tha consumer wale part to dekh kr😆😂

[@Ashay39]

Simply Awesome!!!

[@rehanbutt2262]

Great explanation bro

[@asmereg]

Thank You So Much! Keep Sharing the knowledge🧡

[@sadekurrahman4086]

Sir, when you make lessons give us some example sites where this concept has been used. It seems to me I will never be able to relate basics to real projects.

[@creativeakshara8438]

Sir please make canvas tutorials Also 💗

[@nicetomeetugaming7024]

You are legend sir!

[@vimalrijal8717]

well explain brother 😍

[@saurabhdeshpande7383]

what an explanation bestt

[@DEEPANSHU_NAG]

Awesome explanation 👏🏻💯

[@anushdsouza9632]

so boom i learned Context api

[@Muhammadwaseemkha9003]

Sir mera aik question hy kindly app batayengy app jab koi project ki video upload krty hy toh kitna time lagta hy apko banany my plzzz mjhy bataye

[@prateek4524]

very useful video💪💪💪🔥

[@rajbannasa7662]

thank you so much sir

[@pratikfulkar4335]

wahh bhai jabardast

[@symunmajumdarnadeem3838]

Thanks Thapa bro

[@rajivkumarjayaswal2706]

Please make video for webpack in React.js. and uses of webpack in details

[@RAJMUSHAM]

Sir, react js login and registration video banao

[@fallofmanbrand]

nice content bro

[@ankitchauhan8682]

Thanks bhai!!!!

[@abskawser8565]

Love from Bangladesh 🇧🇩🇧🇩🇧🇩

[@codonelearn]

I Like your video bro.

[@musabnawazrajar759]

Parent component me data share kia ja skta hai, use context ke through

[@nprashanth3154]

Hi bhaya...I think Redux with React par youtube me acha videos nahi hai...please this topic par video kardhena....thanxx

[@vaibhsugandhi]

Too good sir

[@kauserjaffari9790]

Hi Vinod, Thank you for brilliant explanation, But why didn't we remove the return stuff or Consumer and its function from ComC ? or why didn't you use useContext() in ComC instead of ComB ? So does it means now the we are passing the data in ComB and not in ComC?...Please clarify

[@abhishekjn3390]

he just compared the two. useContext vs manually sending data around using - CreateContext - Provider -Consumer(refer his prev video) he showed manually sending data in CompC, useContext in CompB. you can do the same in CompC using this video. anyway.. watta a tut.. wat a legacy he is doing .. good work.. more power to him.

[@kauserjaffari9790]

@@abhishekjn3390 Indeed, his explanation is good. Thank you I will watch the other one :)

[@rajat-s-kale1771]

@@abhishekjn3390 Thank you bro for clarify and Yes ,his teaching is awesome

[@Vi99770]

i like the way you say then 321 boom guys

[@pawanmishra6571]

Sir context ki help se child se parent component me bhi data pass ho sakta he kya

[@pritech8302]

thankyou sir

[@Realife169]

great work #useContext

[@thecoderraj3777]

Thanks 😊 sir

[@EWorldHub]

Superb

[@RohitKumar-dz8dh]

Thanks

[@CS_HimanshuVishwakarma]

Bhai ek doubt he meko aapne provide me compA ko wrap kiye he and data compB me pass ho rha he

[@kalonacharjee1729]

thankyou

[@harshpatel3384]

video start karo And BOOM guys .🌋🌋🌋

[@yashkhanapara1273]

Sir redux pe video banao na ..

[@pramayusadal1475]

awesome

[@fayjullahhaque1543]

brother? bootstrap VS Css grid keya jeyada behtar hai? javascript Vs javascript library keya sikhneme acchi hogi?

[@shubhamh7451]

css grid and vanilla js. Pehele basics acche karlo, fir libraries pe jana.

[@smarTest1]

Sir , CreateContext only work on root component like "App.js" it is not working others Child Components. Sir please Help me. Please make a another Video on it 🙏

[@krunaldhavle2020]

thank you bro i follow you on insta

[@kushalshukla444]

nice

[@mohammadsulemankhan58]

dear ye context ya hook website may kahan pay use hoty hy

[@user-mh8po9qy9r]

sir plz made a new vedio on new topic from scrach

[@bhakuninavneet3906]

Thanku sir. Sir react redux does the same thing which context api do???

[@ThapaTechnical]

It's depends on situation.. better try both n khood decide which one too choose

[@bhakuninavneet3906]

Ok thanku sir

[@rishavsingh6893]

Hey, I am trying to send a id from one component to another component using useContext from your video. The problem is there is a button on the component that is sending the id and in the receiving component it should change even after the page load. In short I click the button in the 1st component and trigger should be done in another component. Can you help me ?? It is just triggering that only once.

[@arjunshivhare637]

use props

[@nahidkarimankur4828]

we need redux tutorial please

[@anayasaini8874]

Please make a video on how to create a job portal website .

[@shivamshrivas9129]

I can create One in exchange of money!

[@vishwajeet21sharma]

Bhai please............ Django pe video le aao

[@biswamohandwari780]

Bhai KZbin ka clone project ek banao na

[@keshavsingla9519]

render is not function error aa rha hai siere

[@ShubhamSharma-xo9fq]

export is not working as it is only parsing default . It is not exporting any other . Why is it happening?

[@bestideaforyou5514]

Reacharge or Aeps integrate website bnaye sir pls

[@atultiwaree6023]

Feelings like majnoo got the laila 🤓

[@user-lw8gn8xb2t]

❤

[@akshaychavadi2297]

Sir i am getting only " my name is " and i am not getting my name and address in the output .. please explain where i made a mistake

[@aizazwaheed2582]

what if we want to pass over data into the parent component.

[@souvikpal106]

It will be same. Create createContext in child component with provider in it(export it) Import that in parent and use useContext there

[@Ch.202.]

why not async storage ?

[@prabhanshu2251]

How to use( use context) in es6 class based components ?

[@govindabist3084]

you can't use useContext in class component. All the hooks are only usable in functional components

[@pawanpyakurel8229]

daai jest ko video ni banaunu paro detail maa.

[@dheerajrajput7058]

Video start at 6:10 😂

[@waleedrajput6831]

Haha got it much thanks 🤣🤣🤣🤣

[@Gunhawk02]

So there's no need of using . consumer? When we are using useContest hook?

[@vaibhavidave4025]

yes

[@Gunhawk02]

@@vaibhavidave4025 Thanks for the clarification.

[@usmanqadeer1942]

this usecontext is not working on child how can u apply

[@SimranKaur-ti4jp]

I am not getting the value on browser which i am passing as a prop I have created one app component nd passing value from it of FirstName by provider and created one B component which are receiving this value through useContext Nd render the B component inside index.js I am not getting the value which i am passing as props nd not getting any error as well Pls help here

[@vineetjadhav7875]

Same

[@vineetjadhav7875]

I think you miss to write return statement

[@listingmaster15]

Have you find the solution because I am facing same problem

[@IT__UzairFaquih]

Happy Teachers Day 💖💖

[@skvalavideo]

Right or left thapa technical is best

[@namanrajput7686]

video start at 6:28

[@hasibkazi1379]

skip to 04:10 if you seen previous video

[@shishirsaha8235]

just wasted 4 hrs from your last video. getting error. typed as same as your code. still its giving me eror. render is not a function

[@bhaskarartwork5762]

Original content start from 6:08 minutes 😂

[@uoslegends7986]

please