Hi Guys, today our channel completed one month ❤ and you guys have supported this channel tremendously. Thank you so so so much guys for supporting this channel ❤🤗
@@nawazishali274 Sir,, Already done Bt it's not working.. only one problem faced when anchor tag used then output is given bt when I used instead of anchor tag ,,link tag and itstead of href " " ,,, to attribute then output is not given only white screen show And errors also not given?? Solution ..
Trust me this concept is not as simple as you have made it with your amazing teaching skills. Watched so many videos but couldn't understand this but your video crystal cleared my concept. Tahnk You Yoshita for your efforts!
Yoshita g please improve your recording quality as sound cuts while u slice clips kindly pl dnt mind it's sounds wierd dnt mind yoshita g I m ur regular follower love to watch ur tutriols .so pl improve 🎉n best wishes n good luck for ur upcoming tutriols
If we will use State in parent page how we can do handle where is use maked function with props I want to make that's page jha I used props ho we can do please help
simple and to the point; i would suggest not to got for projects you may not have time to manage short playLists could be more helpful and you may give time thanks once again
Hi Dii, the way you explained this topic is superb but I have a question that is there anyway that we can pass the data directly from nested child classes to parent class without pass it through middle classes like useContext and contextapi concepts.
Mam how can you say the parent is accessing the value? We are just passing the function from parent ot child and then the child is calling the function (not parent).
Mam please answer my question.. what if our children component has some UI which we don't want to show or render in parent component then how we can pass the data ?
💡 In React, data flows in only one direction, from parent components to child components. This is called unidirectional data flow. Parents pass data to children using props, but children can’t send data directly back to the parents. This makes the app’s state more predictable. If you need to communicate from child to parent, you can pass callback functions as props, but the data flow remains one-way. ❌ And the concept of lifting state up is also not taught correctly. ✅ "Lifting state up" in React refers to a pattern where you move the state from a child component to its closest common ancestor (usually a parent component) to share that state between multiple child components. When two or more components need to share data or synchronize behavior, it's often easier to lift the state to a parent component. The parent component then holds the state, and passes it down to the children as props. This allows the child components to stay in sync, as they get the same state from the parent. Here’s a typical example: 1. The child components don’t manage their own state. 2. Instead, the parent holds the state. 3. The children get the state via props and can notify the parent of changes (through callback functions). This pattern ensures that data flows in a single direction (from parent to children) while keeping all dependent components in sync with the same state. 🔗 Reference react.dev/learn/sharing-state-between-components
the error at 8:19 is due to the reason that you haven't give anything in useState( ) parenthesis incorrect: const [name, setName] = useState(); correct: const [name, setName] = useState("");
Mam, just guide me how to use a component multiples times but with different value for ex- i wanna use dropdown button multiples times but want different dropdown options. kindly reply soon as possible. Thank you .
Hi Yoshita Congratulation ! You did a great job. First time I subscribed a channel for learning react. Last time I give you a suggestion and I could the result in this video. I have few more suggestion. Please let me know If I could tell you.
good explanation, But how to display "Yoshita" or any name which has given by user on browser. When i click on submit button given value in input should be display on browser of parent component.
Yes you can. A simple button can do the work also. Attaching the code below, App.js(parent file)****** import Student from "./Student"; import "./styles.css"; const App = () => { const getData = (data) => { {data}; }; return (
Hello, Thanks for covering this topic. I have one doubt here, after state lifting how to use that data in the parent component which we have received from child component? (Now we can print that data in the console but how to access that data outside the function?)
Hi Guys, today our channel completed one month ❤ and you guys have supported this channel tremendously. Thank you so so so much guys for supporting this channel ❤🤗
You keep uploading the new videos of only React... Will keep sharing your channel...❤️🙏💐
Ma'am,,, routing ???? link tag is not working bt anchor tag given output..
Congrats ma'am . Very Helpful videos please create a ecommerce project in react with API.
@@sunnydhiman2242 make sure Link import from react-router-dom and placed to inside link which page you want to move like to="/about"
@@nawazishali274 Sir,, Already done
Bt it's not working.. only one problem faced when anchor tag used then output is given bt when I used instead of anchor tag ,,link tag and itstead of href " " ,,, to attribute then output is not given only white screen show And errors also not given?? Solution ..
Thanks got clear understanding now ......easy and stright forword explaination
Vary nice explain I see many videos in you tube but this one is perfect for learning special for child to parents send data using props .....
Way of Explaining things amazing 🔥
Trust me this concept is not as simple as you have made it with your amazing teaching skills. Watched so many videos but couldn't understand this but your video crystal cleared my concept. Tahnk You Yoshita for your efforts!
But it will be easy if you watch anil Sidhu playlist(React Playlist)
Worked thank you alot! you're the best bro liked
Very simple and intuitive Approach . I really like this.
Thanks Ma'am this concept is cleared now!
Awesome explain ❤️
Thank you @Yoshita Jain for making us understand the complex topic of react [LIFTING THE STATE UP] so easily.👌👌
Helpful , thanks for video.
helpful , thanks for video
I Really understand your Concepts very well even though i don't know hindi. Thank you So Much..
Helpful 👌
Easiest explanation ❤❤
Wowooo, i think now I understood 👍
Such a straight forward approach Yoshita🙏
Thank you ☺️
Good job keep it up !!
Yoshita mam>>>
very helpful video for me
Explicit explanation 🙂👍.
I suggest you should include some concepts such as DOM, VDOM, ES6+ concepts/features, SPA/MPA
Sure I will :)
so much better than coursera . Thanks di !
Thanks a lot ma'am for this video. your explanation is amazing.😊
awesome girl, you are great
thank you so much i was struggling alot in this concept thanks alot
Nice
Nicely explained
Thank your ma'am great explanation 😊
Understood👍 thankyou
maam u r the best i love u
nice ,
Nice content
Thanks Yoshita you have taught me so many new things.
❤️😊
@@yoshitajain0812 Cant thank you enough for your service. May almighty bless you,
Helpful..
awesome
Thank you so so so much
Helpful 🙂
You are amazing🤟❤
8:15 yr mera bhi same error aara esko resolve kaise kru maine v same code type kiya hai.
Thanks you so much for these videos. It's really helped me. Really means a lot Love from Pakistan :)
Glad you liked it :)
@@yoshitajain0812 Yes you are doing a great job. Thanks for urdu/hindi tutorial. :)
Congo 👨🔧
Yoshita g please improve your recording quality as sound cuts while u slice clips kindly pl dnt mind it's sounds wierd dnt mind yoshita g I m ur regular follower love to watch ur tutriols .so pl improve 🎉n best wishes n good luck for ur upcoming tutriols
Yes I understand, I am trying to resolve these issues.. learning day by day 🥺
Thank you for supporting 🫶🏻
Good explanation 🙏🌸
Nice video !!
If we will use State in parent page how we can do handle where is use maked function with props I want to make that's page jha I used props ho we can do please help
Thnxx u mam♥️
Thanks this helps me a lot
simple and to the point;
i would suggest not to got for projects you may not have time to manage
short playLists could be more helpful and you may give time
thanks once again
Hi Dii, the way you explained this topic is superb but I have a question that is there anyway that we can pass the data directly from nested child classes to parent class without pass it through middle classes like useContext and contextapi concepts.
Mam how can you say the parent is accessing the value? We are just passing the function from parent ot child and then the child is calling the function (not parent).
Mam please answer my question.. what if our children component has some UI which we don't want to show or render in parent component then how we can pass the data ?
very helpful :)
💡
In React, data flows in only one direction, from parent components to child components. This is called unidirectional data flow. Parents pass data to children using props, but children can’t send data directly back to the parents. This makes the app’s state more predictable. If you need to communicate from child to parent, you can pass callback functions as props, but the data flow remains one-way.
❌
And the concept of lifting state up is also not taught correctly.
✅
"Lifting state up" in React refers to a pattern where you move the state from a child component to its closest common ancestor (usually a parent component) to share that state between multiple child components.
When two or more components need to share data or synchronize behavior, it's often easier to lift the state to a parent component. The parent component then holds the state, and passes it down to the children as props. This allows the child components to stay in sync, as they get the same state from the parent.
Here’s a typical example:
1. The child components don’t manage their own state.
2. Instead, the parent holds the state.
3. The children get the state via props and can notify the parent of changes (through callback functions).
This pattern ensures that data flows in a single direction (from parent to children) while keeping all dependent components in sync with the same state.
🔗 Reference
react.dev/learn/sharing-state-between-components
the error at 8:19 is due to the reason that you haven't give anything in useState( ) parenthesis
incorrect: const [name, setName] = useState();
correct: const [name, setName] = useState("");
Mam, just guide me how to use a component multiples times but with different value for ex- i wanna use dropdown button multiples times but want different dropdown options. kindly reply soon as possible. Thank you .
10:05
Yes, clear to me.
Faithful video 🙂
❤️😊
Hi Yoshita Congratulation ! You did a great job. First time I subscribed a channel for learning react. Last time I give you a suggestion and I could the result in this video. I have few more suggestion. Please let me know If I could tell you.
good explanation, But how to display "Yoshita" or any name which has given by user on browser. When i click on submit button given value in input should be display on browser of parent component.
You have to store data in parent coming from child in a State set that data in the function that coming from child component by using useState()
explained so simply!!! can we lift state without using form in child component?
Yes you can. A simple button can do the work also. Attaching the code below,
App.js(parent file)******
import Student from "./Student";
import "./styles.css";
const App = () => {
const getData = (data) => {
{data};
};
return (
Props in react
);
};
export default App;
Student.js(child file)****
import React from "react";
import { useState } from "react";
const Student = (props) => {
const [name, setName] = useState("Sam");
const onClick = () => {
setName("Mike");
props.getData(name);
};
return (
Hello {name}
Update
);
};
export default Student;
I try same code but merko error show ho rha he page refresh ho jaa ha rha please help me
thanks
what if we want to send data from parent to child
You can directly use props
Hello, Thanks for covering this topic. I have one doubt here, after state lifting how to use that data in the parent component which we have received from child component?
(Now we can print that data in the console but how to access that data outside the function?)
Bhai state bna ke set karwa do fir use karlo parent mein jaha man kare
i think presentation container design pattern works lot a better here.
Please upload full vudeos
please make a paylist for react
Hello mam please upload some video related to react routing its my humble request from you
kam ni kar rha h mere me
Could you makes projects of app
Yoshita mam i am karan koli from maharashtra plzz help to me entry level jobs or any internship for reacts
Do you have any experience?
please make some projects on react
Hi cutie
Nothing Undertood
I love you mam 😙😙
Hi if you have time please uploads video about how to call firebase function in react js for more info please contact me
Nice