In this part we are going to demonstrate a clean up effort and because we don't want these alert at
fads that result.
So we are going to delete it.
If you fat in the empty s and so we do not need to use effect in the FTSE.
So we better the cut.
Talk to us.
We are going to create a youth event here to show the clean up event in this park.
We are going to record the mouse movement.
So we have to use the Youth Day to record the X Y coordinate and of course we need to do with the fat.
And then we are going to use the youth date to set X. And also set y
and then we need a function to record the mouse movement.
So we see whether they say you went if the mouse move.
It will record the X so we set the x coordinate and also start the y coordinate.
In order to show there is mouse moving.
So we are going to add the console mouse event here.
So every time when the mouse move a lot you up here.
And now we are going to use to use that here.
And we are going to listen the mouse movement so we can take a look on the Web site so you can see the
mouse moving and the law is here and we forgot to add the X Y coordinate on the cut so we can see that
we s So inside I can't be at this to a paragraph to show the X position and also the y position.
So now where are we moving the X Y position we would appear on the top.
So what will happen where we hide a card.
You will see and we will show the area that we cannot be formed.
We add state update on a model component and so to fix this we have to do the clean up work inside a
use effort.
So now we have to do some clean up work in order to prevent this morning.
And because it also indicate there is a memory leak in our application.
So we go to here and the clean up we are going to load the country as clean up and also at a remove
listener.
And now we can try again.
Now it's to show the X Y positions and where we toggle the card.
We will not keep track called The Mouse event.
You can see the cops clean up already appear on the lot.
So this is how the clean up work inside the U.S. fence.