1
00:00:00,440 --> 00:00:07,380
In this part we are going to demonstrate a clean up effort and because we don't want these alert at

2
00:00:07,420 --> 00:00:08,390
fads that result.

3
00:00:08,420 --> 00:00:10,370
So we are going to delete it.

4
00:00:10,450 --> 00:00:16,220
If you fat in the empty s and so we do not need to use effect in the FTSE.

5
00:00:16,460 --> 00:00:17,690
So we better the cut.

6
00:00:17,700 --> 00:00:18,550
Talk to us.

7
00:00:18,560 --> 00:00:24,210
We are going to create a youth event here to show the clean up event in this park.

8
00:00:24,200 --> 00:00:27,840
We are going to record the mouse movement.

9
00:00:28,010 --> 00:00:40,960
So we have to use the Youth Day to record the X Y coordinate and of course we need to do with the fat.

10
00:00:41,750 --> 00:00:48,350
And then we are going to use the youth date to set X. And also set y

11
00:00:53,510 --> 00:00:56,620
and then we need a function to record the mouse movement.

12
00:00:56,870 --> 00:01:01,430
So we see whether they say you went if the mouse move.

13
00:01:01,430 --> 00:01:06,850
It will record the X so we set the x coordinate and also start the y coordinate.

14
00:01:07,070 --> 00:01:10,580
In order to show there is mouse moving.

15
00:01:10,580 --> 00:01:14,750
So we are going to add the console mouse event here.

16
00:01:14,750 --> 00:01:18,230
So every time when the mouse move a lot you up here.

17
00:01:18,230 --> 00:01:20,720
And now we are going to use to use that here.

18
00:01:20,890 --> 00:01:29,030
And we are going to listen the mouse movement so we can take a look on the Web site so you can see the

19
00:01:29,030 --> 00:01:36,290
mouse moving and the law is here and we forgot to add the X Y coordinate on the cut so we can see that

20
00:01:36,290 --> 00:01:45,420
we s So inside I can't be at this to a paragraph to show the X position and also the y position.

21
00:01:45,680 --> 00:01:50,600
So now where are we moving the X Y position we would appear on the top.

22
00:01:50,660 --> 00:01:53,720
So what will happen where we hide a card.

23
00:01:53,780 --> 00:01:57,120
You will see and we will show the area that we cannot be formed.

24
00:01:57,140 --> 00:02:05,600
We add state update on a model component and so to fix this we have to do the clean up work inside a

25
00:02:05,610 --> 00:02:06,510
use effort.

26
00:02:06,530 --> 00:02:12,190
So now we have to do some clean up work in order to prevent this morning.

27
00:02:13,370 --> 00:02:17,910
And because it also indicate there is a memory leak in our application.

28
00:02:18,380 --> 00:02:27,170
So we go to here and the clean up we are going to load the country as clean up and also at a remove

29
00:02:27,230 --> 00:02:27,880
listener.

30
00:02:28,220 --> 00:02:29,710
And now we can try again.

31
00:02:29,780 --> 00:02:38,060
Now it's to show the X Y positions and where we toggle the card.

32
00:02:38,150 --> 00:02:42,940
We will not keep track called The Mouse event.

33
00:02:42,950 --> 00:02:47,640
You can see the cops clean up already appear on the lot.

34
00:02:47,640 --> 00:02:50,600
So this is how the clean up work inside the U.S. fence.