hii vinod your doing very good job we are fallowing your tutorial but it is not good to ask money in the middle of the cousre for code you can do live coding we will super chat you..hope you understand
4 year ago on same date, this video uploaded, 12june2020, i was studying chem mcq, for cet exam, and now, on same date 12june 2024, i am studying reactjs, after 4 years, how time flies i surprise, idk may be on same date after 4 years, i may be in top mnc employee,, or may be businessman of startup, who know what happens, life is really really random unpredictable.
Vai, amazing. I just got to context api two days ago, watched some videos, and was confused. A lot of things got cleared after watching this video, waiting eagerly for the video on useContext. Thank you!
sir 1 confusion ha kay jab app.jsx main saye data export ho kar component C main show ho raha tho ap nay firsname context kay ndr compA ko kun rakha is matlab data tho link ha dubara hum agar
it might be named app.js , js is a defined term for javascript xml . either of this is perfect. Redux is a global state management which store the data in the store and we can retrieve the values in the component where it is needed in spite of the parent / children component. Context api also does the same but not meant for large scale . In company projects ots used to maintain theme , small arc in it which can be changed when needed but not frequently.
we can create a variable with value and export it and directly access it in any component, then why we need this. In both cases exporting and importing is required. ulta simpla variable se code kam ho jayega..
useContent can be used out of the component? I'm doing so but getting error. Following the same method but getting an error on export { DataVar } "Parsing error: Export 'DataVar' is not defined" Please guide me. Thanks
sir can u help me why value show undefined please check the code codesandbox.io/s/winter-moon-1zhmw?file=/src/App.js i have same problem sir can u help me
Bro we can use props right i mean we can import component C in app.js and add some props we can use same props in compC by importing App right.... is that wrong practice????
if you import compc , the details provided in com a and comb b wont be available in screen coz your providing directly and updating in virtual dom. Since, Vinod hasn't done anything in Com A and Com B , you thought it will be easy to import that, but if it has values in it. We have to use state management.
I am not getting that why you import 'ComA' inside App.jsx and use while working with "createContext" . if I import either of ComB Or ComC inside "App.jsx" even then the project also works. Request to povide the Clarification on it Regards
the main use of context is to drill or pass data to children component which is very complicated if you use props because you will have to pass props in every component in the hierarchy to get to the lowest component. That's why he made ComC so that he can show how to pass data from parent element i.e. App> ComA>ComB>ComC.
Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. why this error occured
if you import compc , the details provided in com a and comb b wont be available in screen coz your providing directly and updating in virtual dom. Since, Vinod hasn't done anything in Com A and Com B , you thought it will be easy to import that, but if it has values in it. We have to use state management
I am getting this warning when i am returning any thing inside the Consumer. How can I solve this ? Warning: Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it
React uses jsx to create a component which render to react component which can be seen in index,js. JSX is javascript xml . Extension doesnt matter when creating file everything is js object. the things written in a component should be of jsx , which takes js objects embeded in xml defined tags.
This is oxm vedio... But Sir how we can pass the value without wrap a component inside Context.Provider?? Like, No any component... Onliy some JSX Sir plz answer this.. kindly
becozz data of comC will pass to comB, data of comB will pass to comA, data of comA will pass to App.jsx....and finally data of App.jsx will pass to index.js
coz thats the parent component of ComB and ComC. So the value from a to c or c to a (children to parent) has to be passed so that it can update in app.js which can update in index,js
Yup exactly same question.. If I consider these two answers than the question is why we use context... Because we say we want to directly exchange data between App.jsx and comC.jsx So the question is again Why we import comA in App.jsx?
Bhai how come this is call back hell , we are not passing a function as an argument to another function where we will return the parameter and call the previous function indefinitely. I think the most suitable thing to refers is high order function which accepts a parameter as function and returns another functions. Btw , learned a lot from you. Thank you and keep going.
how to create a code in asp.net core web Api for dynamic otp generated in my mobile number using swagger on post method and we will be save all field (as name , EmployeeId and Mobilenumber etc.. )in Db also , Plz Sir tell me it's urgent.
Hii apki vedio bht achi hai kya apne Real dom vs virtual dom ka vedio bnaya hai to plss mujhe uska link forward kariye agar nahi to please ap ispe ek vedio bnaiye mujhe av tk thik s samjh nahi aya hai real dom or virtual dom m difference kya hai
Guys, Finally video after 2 long days :) everything is fine now... Hope you like the video :)
Sir COVID 19 india ke api ka use krke React Js mai bhi bnao 👌☺️
Jo data ko display kre properly 😋👌
🤣🤣🤣 wtf I was doing 2 months ago.
hii vinod your doing very good job we are fallowing your tutorial but it is not good to ask money in the middle of the cousre for code you can do live coding we will super chat you..hope you understand
@Thapa%Technical Can you please make a video for Global state Context and Hooks
const Firstname= useContext ();
when I am exporting Firstname
Showing:-
Export 'Firstname' is not defined
Bhai, I am a Tamil. My Hindi is average but I am able to understand your tutorials very well. You are an amazing teacher! Thank you very much!
You need to learn Hindi bro
@@entertainmentcreations7661
Why he should learn Hindi ?
@@raviiirathore9984vinod is from nepal pokhara
@@raviiirathore9984 bcz i am in karnataka they are forcing me to learn kannada so he need to learn HINDI.
@@entertainmentcreations7661 Just like you he is a Tamil, Vinod is a Nepali/North East
your method is very amazing thank you so much dill kya aj comment krny ko you are best teacher Allah apko hmsha slamat rkhy FROM PAKISTAN
Excellent!!! bade bade Technical youtubers fail hain aapke saamne Sir.
4 year ago on same date, this video uploaded, 12june2020, i was studying chem mcq, for cet exam, and now, on same date 12june 2024, i am studying reactjs, after 4 years, how time flies i surprise, idk may be on same date after 4 years, i may be in top mnc employee,, or may be businessman of startup, who know what happens, life is really really random unpredictable.
Finally Confusion got clear .Thanks for Making such types of videos...
Kamal ka technical methode bro learn only in this video context api
Your lectures are very underrated 👍
Vai, amazing. I just got to context api two days ago, watched some videos, and was confused. A lot of things got cleared after watching this video, waiting eagerly for the video on useContext. Thank you!
why we are passing in Context as we are not using that in cosumner
best explanation i got after watching 20 videos
You are an amazing teacher! Thank you very much!
Thank you soo much bhaiya, you are the real provider ❤️🙏🏻
2:11 most funniest part of this tutorial so far 😆
Wa Vinod bhai you killed it
bhai bhai jabardast
maza hi aa gaya
I like the part when you say "boom guys"..Thank you for the superb content
Ghanto waste hone se bacha diya. Succinct and informative!
Your teaching is awesome bro
14:15 We have already export default App then why we need to export the FirstName again?
Thankyou ,,awesome video, easy to understand, keep providing this kind of video❤
Thank you so much ☺️ n voice ko edit kiya hai na apne.. bold acha lag rha hai
that was very simple and easy to undestand, thankyou
You're a great teacher . I really appreciate your videos .
bhai mast video thi ek dam samjh a gaya
U made everything easy.Lots of thanks and respect.No doubt u r the best of best.
love u sir ji maja aagya topic clear
Bhot easy explanation kia h.. Thanks
sir 1 confusion ha kay jab app.jsx main saye data export ho kar component C main show ho raha tho ap nay firsname context kay ndr compA ko kun rakha is matlab data tho link ha dubara hum agar
"Context Hell" could be the perfect word... BTW great video..thanks
amazing explanation thankyou so much..🔥💪💪
Difference between redux and context api??
there is no App.jsx file in my react app
it might be named app.js , js is a defined term for javascript xml . either of this is perfect. Redux is a global state management which store the data in the store and we can retrieve the values in the component where it is needed in spite of the parent / children component. Context api also does the same but not meant for large scale . In company projects ots used to maintain theme , small arc in it which can be changed when needed but not frequently.
hellooo,Thapa technical!! you have explained so simply ,Thank youu and btw,your name seems to be Nepali?
Consumer mai jo function bnaya hua hai, with name ka function hai, waise aise function ko kya bolte hai..... bhai ye muje smj nhi aa rha hai.
we can create a variable with value and export it and directly access it in any component, then why we need this. In both cases exporting and importing is required. ulta simpla variable se code kam ho jayega..
Hi, can u please arrange a tutorial for persisting redux state with multiple reducers. Thanks in advance.
Amazing video boss!
You can pass value by export import method also then why we use context api is it necessary?
Yes i have this doubt too
3 2 1 and boom guys. !!
hard coded constant data yes, can be used via exports. But using context we can pass in states and setState method which constantly update.
Great explanation 👍
You're awesome man, Very simple and cool explanation
Amazing explanation..!
Ye code react 18 me kaam nahi kar rha, context api ko react 18 me remove kar diya hai kya ??
I couldn't understand why we are nesting all the contexts? Suppose we have a bunch of contexts.then?
I have my technical interview for reactJs.. guide and suggest what else to do for preparation.
useContent can be used out of the component? I'm doing so but getting error. Following the same method but getting an error on export { DataVar } "Parsing error: Export 'DataVar' is not defined"
Please guide me. Thanks
sir can u help me why value show undefined
please check the code
codesandbox.io/s/winter-moon-1zhmw?file=/src/App.js
i have same problem sir can u help me
@@steplittle3516 i cant see any prob in your file , you have used useContext to set up a consumer to Tab component
Bro we can use props right i mean we can import component C in app.js and add some props we can use same props in compC by importing App right.... is that wrong practice????
its better idea
if you import compc , the details provided in com a and comb b wont be available in screen coz your providing directly and updating in virtual dom. Since, Vinod hasn't done anything in Com A and Com B , you thought it will be easy to import that, but if it has values in it. We have to use state management.
Rendering directly is not supported and will be removed in a future major release. Did you mean to render instead?
I get this error what do I do?
Sir love your videos.Sir ek local storage pe video bnaoge pls
Great explanation sir thanks for this
App m context h to aagar context ki value change hogi to sirf c refresh hoga ya a b and c ?
awesome tutorial sir
Sir COVID 19 india ke api ka use krke React Js mai bhi bnao 👌☺️
Jo data ko display kre properly 😋👌
thapa bhai please also create a mega project using react js like ecommerce web app or chat app
Brother I want to ask one question can you help me (I am perfect in frontend development but I am weak in programming logic building) can you help me
It helps me alot thank you👍🏻
thanku so much upload this video it 's need
I am not getting that why you import 'ComA' inside App.jsx and use while working with "createContext" . if I import either of ComB Or ComC inside "App.jsx" even then the project also works.
Request to povide the Clarification on it
Regards
the main use of context is to drill or pass data to children component which is very complicated if you use props because you will have to pass props in every component in the hierarchy to get to the lowest component. That's why he made ComC so that he can show how to pass data from parent element i.e. App> ComA>ComB>ComC.
Can I pass data throw props. And how will be achieved. I am tried but not success
bro ur explanation is super and each video is uploading morethan 1time in the playlist can u resolve this issue
Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
why this error occured
Sir component c ko bhi to hum directly App.js me call krr skte hai import krk
if you import compc , the details provided in com a and comb b wont be available in screen coz your providing directly and updating in virtual dom. Since, Vinod hasn't done anything in Com A and Com B , you thought it will be easy to import that, but if it has values in it. We have to use state management
I am getting this warning when i am returning any thing inside the Consumer. How can I solve this ?
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it
Sir is it a replacement for redux?
Yes. UseContext hook and Context Api when work together minimize the need of Redux to a great extent.
Thank you so much sir .
oh godd loved that example xD
hii whats difference here between js vs jsx file you created here
React uses jsx to create a component which render to react component which can be seen in index,js. JSX is javascript xml . Extension doesnt matter when creating file everything is js object. the things written in a component should be of jsx , which takes js objects embeded in xml defined tags.
sir extention bta dain please apnay nichay createContext likha pr wo opper khud hi likha gaya is extention ka name bta dain plzz
And boom guys😍
This is oxm vedio...
But Sir how we can pass the value without wrap a component inside Context.Provider??
Like,
No any component...
Onliy some JSX
Sir plz answer this.. kindly
without any component to whom you are providing the value?
what's the use of context if you don't want to pass down value
why creating multiple consumer, we can pass data as object
3 2 1 and boom guys XD
I am getting an error- TypeError: Render is not a function.
Can anyone help me!
Sir why r u calling in App.js ...
becozz data of comC will pass to comB, data of comB will pass to comA, data of comA will pass to App.jsx....and finally data of App.jsx will pass to index.js
coz thats the parent component of ComB and ComC. So the value from a to c or c to a (children to parent) has to be passed so that it can update in app.js which can update in index,js
Yup exactly same question.. If I consider these two answers than the question is why we use context... Because we say we want to directly exchange data between App.jsx and comC.jsx
So the question is again
Why we import comA in App.jsx?
Flux pr video kab aayega....flux implementation
why my component is rendering when i passing "hello world " in compA and calling comA in App.js ,anyone have any idea
Redux pr bhi video bnayoge kya please reply?
ys bro actually we want
How if i fetch the data in child A and show it to child B by context without making provider value in index/app.js
make a context for childA
child element kaise parent element ko value pass karega using contexts?
const Firstname= useContext ();
when I am exporting Firstname
Showing:-
Export 'Firstname' is not defined
Please export Firstname too.
Helpful 😇
what if we passed compC directly to the parent components?
Best way to do this is to create context and state component sepratelty.And passing the component as props child
Hi Vinod, instead of createContext() with variable can we do it by array?
Yes... Any object can be passed as parameter
How you will make array ?
Bhai node js better hai ya django kounsa sikhna best rahega
it depends bro.. I will go with node for now
@@ThapaTechnical ok bhai tysm bhai koi aapki group hai to pls mjhe bhi add kar dijiye
Is there any way to find child components which using same props from upper level.
Everything is at its best . Just stop using the word "PURRRFECT" ;)
bro, please tell me how do you multi-line typing
Please focus on naming convention also 11:15 .
I call in context API used in API Call is possible
Bhai how come this is call back hell , we are not passing a function as an argument to another function where we will return the parameter and call the previous function indefinitely. I think the most suitable thing to refers is high order function which accepts a parameter as function and returns another functions. Btw , learned a lot from you. Thank you and keep going.
how to create a code in asp.net core web Api for dynamic otp generated in my mobile number using swagger on post method and we will be save all field (as name , EmployeeId and Mobilenumber etc.. )in Db also , Plz Sir tell me it's urgent.
Hi, Can you please tell me how to call Json Api in react js..
I will try to make a video on it
use Axios
usefetch or axios to call Json api and fetch only in app,js not in other components.
Hii apki vedio bht achi hai kya apne Real dom vs virtual dom ka vedio bnaya hai to plss mujhe uska link forward kariye agar nahi to please ap ispe ek vedio bnaiye mujhe av tk thik s samjh nahi aya hai real dom or virtual dom m difference kya hai
Can we update the values in Provider?
yeah
😂 this specific tutorial is funny bcs of those errors
PC assemble ho gya ?
Laptop thik ho gya ?
Laptop me video decoding kiye h ?
yes new pc build kiya hai :)
@@ThapaTechnical badhiya budget laptop batao na
bhai index.js file me ky rhga usme bhi hamee App component ko call krna honga?
pls reply @ThapaTechnical im waiting
thank you so much sir
Computer assembled 🤔
Bhai please Canvas tutorials bana do🙏
yes new pc build..
@@ThapaTechnical Congratulations 💗
please make video on UseReducer.
yahe to chahiye tha ab start hui h asli react to