 how do you pass data from a child component to another child component? You cannot pass data directly to a child component because, you know, because if you do that then one of them is actually the parent, right? If these were both child components then really this is actually the parent and there's no sibling components. To do that you would do something like the following. So, for example, if the parent is the middle and child A was the past data to child B it must go through a mediator. Okay, the mediator here will be the parent component. So there's no direct from, you know, child to child in this example here. Okay, so you pass to the parent, parent receives A data, it passes that data to the B component and then the other way around is the same. So therefore you would say, you know, child A can go to child, go to parent, go to B and vice versa. So in this case you see here the child component A, child component B, they both point to the parent component, the add component and data being shared across these components via the parent component. Okay, so that's how you would construct this, you know, scenario where two components receive. So the child here, this is sending from the child component out, so again using the output, receiving when we input. So if both data are being shared across, if, you know, they pass between the two, then both all these will have the output and the input, output and input as well. Okay, I'm just showing you here one direction, that's why. But if you go the other way too, then yeah, it's going to have output as well. Just make sure you have a unique data in Secure. So that's an example here. Again, I showed you here now in a more, I guess, clearer, clearer example shown you the same diagram above. You see that we have the parent component as the mediator. Okay, this is the source here. This is the template. Just showing you how the child A tag here refers to this child A tag, child B tag, renders this child B component. Okay, the data will be rendered here and here. So the parent manages the communication between the two components. So the child A, remember, you have a binding, probably binding to child A. This probably must exist and the child A component is going as an input, right? The property binding is the input to the child A component. And so the points here is different, these points here, like 1500, it's going to go to child A component down here as the input. Okay, it receives that data down here. And then child B, in this case, we're starting from the child B as the passing data from the child B to child A. So the same scenario as above, right? You pass data from the child B to the parent component. You process the function parent update event. I update that event at the points. In this case, whatever this number is, it'll be one, right? I update that one time. I plus, plus points. So you get one, one comes in here to this component and the parent component, causes function, pass one to this event. One goes in here to points and points, this points updates and it gets a one. And because when binding this variable to another component, the child A component, so one goes in here, we're binding that to a property and the child A component passes to child A points right down here, initially with zero, what's invoked this is going to change this to one, receiving this points. And then we update its component to display one. Okay, so it's quite a lot of ways to go there. So it takes six steps to get there from the click of the button passing data to this component. As you can see, it's quite a lot. Usually in the child on the template, right, you could create a template variable. If you remember, we did the last week with the form, you just pass with the pound sign of the data, get its value and they pass it right directly in the template. And this is not because you're dealing with components, you have to go through this route. This is behind seeing what's going on. But on the browser, of course, it's instantly, you don't see it. It just happens like life, it's a life event. And it's no lag, really. Okay, so I know it's confusing. So please study these three diagrams to see how they work. We're not going to implement this feature here, okay, the child A component. I just want to show you that these are the three scenarios where you can pass data from component to components using either a mediator for the two child components or from child to parent or parent to child. But in our example and in our homework assignment, we're going to render the component from parent to child and then from child to parent. Okay, just that direction.