🔴 #21: What is Prop Drilling, Context API & useContext Hook in React in Hindi in 2021

  Рет қаралды 83,901

Thapa Technical

Thapa Technical

3 жыл бұрын

Welcome, What is Prop Drilling, Context API & useContext Hook in React in Hindi in 2021
😍 Check my Instagram to Chat with me: / vinodthapa55
✅ NodeJS Tutorial in Hindi 2020: • NodeJS Tutorial in Hin...
✅ Express JS Tutorial In Hindi in 2020: • Express JS Tutorial In...
************ Must Watch Videos For Web Development ************
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ 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 Programming Videos in One Hour👇
➡️ 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...

Пікірлер: 102
@ThapaTechnical
@ThapaTechnical 3 жыл бұрын
Hope you love the Video 😍 It's a very important video, guys. Watch till the End ✌ 😍 Check my Instagram to Chat with me: instagram.com/vinodthapa55 Also, 👉 check out Context API in React JS in Hindi in 2020: kzbin.info/www/bejne/e6rRcqF6bdN3nMU
@harshitrathi3077
@harshitrathi3077 3 жыл бұрын
Sir Please Please Tell When will Full Course Of MERN IS coming Please Tell The exact Date Or Possible Date
@aneelascriptz2258
@aneelascriptz2258 3 жыл бұрын
Sir, Please make a tutorial on ASP.NET Core 5 asap. I've got my first internship in a international company as a web developer, all because of your teaching. Now I need to learn ASP.NET Core in my internship and I'm having hard time understanding it. It is a humble request from your fan from Pak.
@user-up8yz6sv6f
@user-up8yz6sv6f 19 күн бұрын
Thapa bhai was responsible for the making of my first project which was on mern stack...back in 3rd semester.
@ratul1125
@ratul1125 3 жыл бұрын
Thapa sir youre the best. I was looking for that 😍😍😍😍❤❤❤❤💛💛💛💛💚💚💙
@sameerisonvacation
@sameerisonvacation 2 жыл бұрын
Nice and Clear explanation, Thanks Man
@saalimmushtaq3472
@saalimmushtaq3472 Жыл бұрын
i think this is the most easiest explanation of useContext,wonderful
@mnmrx
@mnmrx Жыл бұрын
Awesome Explanation!! Thanks mate!
@sarfarazsheikh7378
@sarfarazsheikh7378 2 жыл бұрын
Thank You Very Much Thapa . You are doing really great job
@abhay_13
@abhay_13 2 жыл бұрын
Ultimately explained 🔥💥💥
@bhakti_katha12
@bhakti_katha12 2 ай бұрын
Have explored other channels as well. But your explanation is top notch. Thanks alot.
@muhammadzuhairaskari7924
@muhammadzuhairaskari7924 3 ай бұрын
thanks sir to make me understood...
@boykasarboo9432
@boykasarboo9432 2 жыл бұрын
prefect Bro love from pakistan keep doing this awesome work..I have learned alot from you.Thank you
@BalconyMakeoverIdeas
@BalconyMakeoverIdeas 3 жыл бұрын
bhai ur rockstar :)
@rajbannasa7662
@rajbannasa7662 2 жыл бұрын
Thank you so much sir ❤️
@SubhamKumar-9009
@SubhamKumar-9009 3 жыл бұрын
Best video 🔥💛
@advitiyasood5034
@advitiyasood5034 Жыл бұрын
Superb Explanation.
@Maithilirajput
@Maithilirajput 2 ай бұрын
Really informative and easy to understand!!
@pawansahu5265
@pawansahu5265 Жыл бұрын
Thank you ! This was a masterpiece.
@ThapaTechnical
@ThapaTechnical Жыл бұрын
glad you love it.. Plz share with your friends too
@user-jm3xz5dz1j
@user-jm3xz5dz1j 6 ай бұрын
Could not agree more with you Pawan. Thanks @ThapaTechnical
@amitbhattacharya356
@amitbhattacharya356 Жыл бұрын
Tons of thanks.
@arshadjuj
@arshadjuj 3 жыл бұрын
Awesome Sir G
@polara____ankul124
@polara____ankul124 11 ай бұрын
thank you sir .............
@namanverma4818
@namanverma4818 2 жыл бұрын
the most easiest explanation on yt.
@TechnicalAmeen
@TechnicalAmeen 2 жыл бұрын
Maza Agya is video me sari confusion dur hogyi context API and useContext k beach me jo bhi problem thi
@ThapaTechnical
@ThapaTechnical 2 жыл бұрын
Awesome.. Nice to know... Plz share video with your friends too ☺️
@shabnum9763
@shabnum9763 6 ай бұрын
Awesome tutorial
@smitagrawal7385
@smitagrawal7385 Жыл бұрын
Masterpeice!!!
@savykansal3498
@savykansal3498 2 жыл бұрын
Good tutorial 🙏
@nishantsethi6625
@nishantsethi6625 2 жыл бұрын
Thank you
@arnab_d9
@arnab_d9 4 ай бұрын
awesome❤
@adityadev2825
@adityadev2825 3 жыл бұрын
Awesome
@pankajkumar120290
@pankajkumar120290 2 жыл бұрын
Hi Thapa, I loved all your videos. Please can you make video on useMemo and useCallback in React. And difference between two.
@sudhanshushrivastava3639
@sudhanshushrivastava3639 Жыл бұрын
Lovely
@ranaimranahmed2532
@ranaimranahmed2532 3 жыл бұрын
❤️❤️❤️❤️❤️from pakistan great videos sir
@soniyaprasad77
@soniyaprasad77 6 ай бұрын
Kr liya subscribe, amazing explanation
@ThapaTechnical
@ThapaTechnical 6 ай бұрын
thanks :) plz share with ur friends too
@soniyaprasad77
@soniyaprasad77 6 ай бұрын
@@ThapaTechnical sure
@adad8795
@adad8795 3 жыл бұрын
🔥🔥🔥✨
@DevForBeginners
@DevForBeginners Жыл бұрын
which text styling are you using in VSCODE , can you tell me ?
@vaishnaviransing1052
@vaishnaviransing1052 3 жыл бұрын
Plz make a complete video on vue js
@codingwala303
@codingwala303 3 жыл бұрын
Nice Video Thapa sir Mern stack prr koii project banay bigneer kee liya
@UdayPawarUdi
@UdayPawarUdi 2 жыл бұрын
Please make a series on react plus typescript.
@md.shehabuddintushar1816
@md.shehabuddintushar1816 2 жыл бұрын
can i use for opposite site like I use provider in camc and consumer use in cama. is it possible?
@sandeepkashyap6154
@sandeepkashyap6154 3 жыл бұрын
sir please please reply me sir..... kya aap aiss function btaa skte ha jisme agar video downloader site me koi form me short url enter krta ha to full url kaise kare usko sir please tell java script se ya php
@balawantkadam1062
@balawantkadam1062 2 жыл бұрын
Nice
@madhushreekulkarni9866
@madhushreekulkarni9866 Жыл бұрын
Too good
@ThapaTechnical
@ThapaTechnical Жыл бұрын
thank you so much.. plz share with your friends too :)
@kaklotarrahulg4395
@kaklotarrahulg4395 Жыл бұрын
@@ThapaTechnical thapa girl ko reply hame delayed
@NoumanKhan-ck7vx
@NoumanKhan-ck7vx 2 жыл бұрын
can you give me link of this playlist plx
@riteshhraj8033
@riteshhraj8033 2 жыл бұрын
Mera ek doubt hai.apne kahan ki we can use usecontext in place to redux and ye baat mentioned hai react official website pe but usecontext to prop se related and redux to state manaegment tool hai to dono different things hai na...to kaise fir we can use usecontext is place of redux🤔🤔??please explain sir..
@mdfaizanalam_
@mdfaizanalam_ 8 ай бұрын
Better to use Provider in index.js, so that we can consume anywhere in App.js!!
@aakashbhandari9761
@aakashbhandari9761 Жыл бұрын
😲❤️🔥
@user-lw8gn8xb2t
@user-lw8gn8xb2t 4 ай бұрын
💗❤️
@Spicykiller_nirav1513
@Spicykiller_nirav1513 2 жыл бұрын
React native pe video banav na bro
@PankajSharma-vl6pg
@PankajSharma-vl6pg 3 жыл бұрын
Their is no video on useCallback hook in your list....why? bcz that is also important
@muhammadjawad9341
@muhammadjawad9341 3 жыл бұрын
Sir what about sibling components if we want to pass data between them...?
@omkarshinde7466
@omkarshinde7466 3 жыл бұрын
Ans ???
@muhammadjawad9341
@muhammadjawad9341 3 жыл бұрын
@@omkarshinde7466 Answer is there are two ways: 1= Redux(popular one) 2=Use Context hook along with use reducer hook(This method is new and very simple work same as redux but we have to write code less as compared to redux. For 2nd one "use context" we don't need library while redux is separate library.)
@bhushanwadkar1744
@bhushanwadkar1744 9 ай бұрын
How to send more then one value from provider ?
@shaheerkhan4077
@shaheerkhan4077 2 жыл бұрын
Can we use Biodata in other components which is not belong to ComA, CompB, CompC? Compa < CompB < Compc (We can pass data from compA to Comp c) CompOne is not a child Of CompA or CompB or CompC so can we pass data from Comp A to CompOne
@tejasgiri1650
@tejasgiri1650 Жыл бұрын
Nope
@iammohsinmughal
@iammohsinmughal Жыл бұрын
for that you have to pass the context API provider to that parent and use usecontext in that specific child
@sahjahanreza3918
@sahjahanreza3918 2 жыл бұрын
when i export Biodata then in output show me Biodata is not defined in ComA . but I also import Biodata in ComC . actually why I show this error . can you help me plz ?
@payalverma4653
@payalverma4653 2 жыл бұрын
Hey, I am getting the same kind of error. did you find any solution? Its actually important for me right now
@rmt0858
@rmt0858 2 жыл бұрын
CompC me props pass kiya hua name. Uska to koi use nhi hai na sayad
@ranaimranahmed2532
@ranaimranahmed2532 3 жыл бұрын
using hooks mongo db sy data fetch karain sir plz
@srijitamandal7678
@srijitamandal7678 5 ай бұрын
How to pass multiple value and how to use it through context API?
@theeskimo7239
@theeskimo7239 10 ай бұрын
Once an interviewer asked me what's context api, i said its all about fetching api, now i know i was wrong 😑
@DurgaPrasad-sy8ig
@DurgaPrasad-sy8ig Жыл бұрын
bro you a have to pass valve component a to component B but you can't pass that in component c so how can that value in component c its a wrong bro so please check onces
@ramgupta9589
@ramgupta9589 3 жыл бұрын
How can be change the data on child component which was passed from parent component....
@prasenpatil4201
@prasenpatil4201 3 жыл бұрын
we are not making any changes here we are just using it...
@funwithrahulbulbul3767
@funwithrahulbulbul3767 2 жыл бұрын
How we can access multiple values in useContext?
@mahendrakumar-eu6hw
@mahendrakumar-eu6hw Жыл бұрын
Use a array or object
@discoveryfarm5440
@discoveryfarm5440 3 жыл бұрын
I request to people all of the worlds please study Islam Islam is an awesome religion and Islam is the right Enter in Islam for few weeks u will feel completely change and comfortable Heart happy no tension in Islam naturally u will be happy and comfortable🖒
@siddhant2002
@siddhant2002 3 жыл бұрын
Nature is everything 😌 no need religion 🌿🌳
@abhisheknag1929
@abhisheknag1929 Жыл бұрын
lol
@good114
@good114 4 ай бұрын
🙏🙏💞💞❤❤
@manish1315
@manish1315 2 жыл бұрын
Sir kisi component ko data pass karne ke liye use call kyun karna hota hai , aap upar se neeche to data send karke dikhte ho kabhi neeche se upar bhi karke dikhao
@BT-hh8in
@BT-hh8in Жыл бұрын
From where I can get the free Source code?
@hardikpoudel3011
@hardikpoudel3011 3 жыл бұрын
what exactly is prop drilling, in this video you talk only about context API
@reshabkumar8514
@reshabkumar8514 2 жыл бұрын
If u have n no of child components then to send or receive the data we have to render the value n times so it will take too much time to execute so to overcome this problem we use contextApi
@muhammadhamzaalirajpoot5721
@muhammadhamzaalirajpoot5721 Жыл бұрын
export { BioData } doesnot work its shows error
@NoumanKhan-ck7vx
@NoumanKhan-ck7vx 2 жыл бұрын
is react ka play list nhi milrha bhai
@vaquascape
@vaquascape 3 жыл бұрын
Please help me for Redux Vs Context API for large project
@prasenpatil4201
@prasenpatil4201 3 жыл бұрын
You might need to write multiple context for a large project that is why may be redux could be used there as in redux we have a single store for all components state
@SabirKhan-gp1vj
@SabirKhan-gp1vj 3 жыл бұрын
Sir plz plz creat tha 5 6 pages website
@swapnilrawle8874
@swapnilrawle8874 8 күн бұрын
Why here js is used not jsx
@jhamatcricket615
@jhamatcricket615 2 жыл бұрын
yr bhai video achi he lekin aik hi baat 10 dafa repeat kun kr rhe ho banda bore ho jata he
@monireol
@monireol 3 жыл бұрын
Sir please mere is stackoverflow wala sawal ka jawab dijiye stackoverflow.com/questions/66375798/how-to-get-updated-value-of-react-usestate-variable-from-setinterval-function-in
@ayanahmed5850
@ayanahmed5850 2 жыл бұрын
Fifty oneth nai sir fifty first
@sachinporwal4275
@sachinporwal4275 3 жыл бұрын
Start MERN Big Project
@SubhamKumar-9009
@SubhamKumar-9009 3 жыл бұрын
yes we'll learn along
@techerrornr
@techerrornr 3 жыл бұрын
Sir main apake react Js ki Playlist ko start karana charata hu lekin kya vah App development me bhi kam aayegi ya sirf web developemet ke kam me Please give answer 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻
@aurangzaibkhan5881
@aurangzaibkhan5881 3 жыл бұрын
Yes bro start it
@meetmaster7528
@meetmaster7528 3 жыл бұрын
react js seekhke aap react native seekh sakte ho, 90% chize same hai react native and react js. react native sey aap app dev start kar sakte ho
@aneelascriptz2258
@aneelascriptz2258 3 жыл бұрын
Sir, Please make a tutorial on ASP.NET Core 5 asap. I've got my first internship in a international company as a web developer, all because of your teaching. Now I need to learn ASP.NET Core in my internship and I'm having hard time understanding it. It is a humble request from your fan from Pak.
@muhammadjawad9341
@muhammadjawad9341 3 жыл бұрын
Jusk want add some point that find intership in technology in which you have better experience rather than a asp.net.what your views about it.?
@hariompanday4790
@hariompanday4790 3 жыл бұрын
First view
@vipgamingcreations7943
@vipgamingcreations7943 3 жыл бұрын
apna image api banao aur use fetch karke dikhao http se aap q nhi banate aisa video abhut views aayenge
@sarfarazsheikh7378
@sarfarazsheikh7378 2 жыл бұрын
WOW WOW WOW WOW WOW
🔴 #22: Create Your Own Custom Hooks in React in Hindi
13:09
Thapa Technical
Рет қаралды 48 М.
터키아이스크림🇹🇷🍦Turkish ice cream #funny #shorts
00:26
Byungari 병아리언니
Рет қаралды 22 МЛН
What is CSR SSR SSG and ISR
16:57
Hitesh Choudhary
Рет қаралды 45 М.
Learn useReducer In 20 Minutes
20:12
Web Dev Simplified
Рет қаралды 490 М.
#23: useHistory Hook in React router Dom in Hindi in 2021
9:52
Thapa Technical
Рет қаралды 23 М.
Why you need hooks and project
28:18
Chai aur Code
Рет қаралды 175 М.
What is Prop Drilling in React? (And how to prevent it)
12:44
PedroTech
Рет қаралды 21 М.