1
00:00:01,470 --> 00:00:08,700
Hello and welcome to this new video and the last video we saw how to implement the search bar like this

2
00:00:08,700 --> 00:00:09,020
thing?

3
00:00:09,030 --> 00:00:13,860
And if you type something over your phone, for example, any type of A. And click Enter.

4
00:00:14,700 --> 00:00:21,720
And in the developer, those console, you can see that you know this you are as returned by the API

5
00:00:21,720 --> 00:00:22,110
we use.

6
00:00:22,110 --> 00:00:28,260
YouTube API has written a five movie list of five movies, which contains the details of the snippet.

7
00:00:28,500 --> 00:00:34,350
That means the publisher time the channel read the title of the video and everything the you know,

8
00:00:34,350 --> 00:00:35,370
the thumbnails also.

9
00:00:36,950 --> 00:00:41,630
You can see everything all the details regarding to that to those five videos will get in the search.

10
00:00:42,380 --> 00:00:43,690
We are getting the information.

11
00:00:43,700 --> 00:00:44,390
We are printing it.

12
00:00:44,810 --> 00:00:48,200
So now what we'll do is instead of printing that.

13
00:00:49,350 --> 00:00:54,360
Instead of preempting the response rate items, we've installed them, not you start.

14
00:00:54,900 --> 00:01:01,800
And then when you know it's been condemned, it does produce and then said, use the react scared dogs

15
00:01:01,800 --> 00:01:02,660
and then said produce.

16
00:01:03,030 --> 00:01:03,960
It wouldn't be able to do that.

17
00:01:04,290 --> 00:01:05,850
First thing you have to create that looks.

18
00:01:06,480 --> 00:01:07,440
So let me clear took.

19
00:01:10,920 --> 00:01:11,370
Almost.

20
00:01:12,680 --> 00:01:13,340
Videos.

21
00:01:14,400 --> 00:01:16,080
Set videos.

22
00:01:18,300 --> 00:01:19,560
As equals calls, you stepped.

23
00:01:25,710 --> 00:01:29,220
OK, so this should be instead of function not, said the written statement.

24
00:01:33,910 --> 00:01:34,360
X.

25
00:01:36,720 --> 00:01:37,410
That would be fine.

26
00:01:41,480 --> 00:01:42,820
OK, if you could.

27
00:01:43,250 --> 00:01:49,970
So what we are doing is we are creating a constant call videos that ensure the data of the video that

28
00:01:49,970 --> 00:01:56,780
are fetched from the YouTube and then the set produces a function that will change these various values.

29
00:01:57,320 --> 00:02:00,730
So first, initially, the videos so a of embedded.

30
00:02:01,310 --> 00:02:06,560
Once we get the the response, then we have to store the response and set the videos.

31
00:02:06,920 --> 00:02:11,890
So as you can see here, the getting the response of the second.

32
00:02:16,020 --> 00:02:21,240
Your state is not different, we have to import the use to to cover it bought.

33
00:02:22,950 --> 00:02:24,300
It was state.

34
00:02:31,130 --> 00:02:32,720
Oh, and what you said?

35
00:02:34,020 --> 00:02:35,580
From React.

36
00:02:38,090 --> 00:02:39,320
Now, there won't be any errors.

37
00:02:39,990 --> 00:02:40,270
Yeah.

38
00:02:40,640 --> 00:02:42,530
So now I'll search for a movie.

39
00:02:45,230 --> 00:02:48,560
Then you can see I got a result of five areas.

40
00:02:49,460 --> 00:02:55,720
In fact, this video's we're having it kind and everything, so I basically want to start this this

41
00:02:55,760 --> 00:02:58,700
thing inside the video site so that our lawyer.

42
00:03:02,250 --> 00:03:04,070
And you're of concern logging.

43
00:03:04,740 --> 00:03:12,330
First, I will do the object destruction and sort of getting response alert, get the video details,

44
00:03:12,840 --> 00:03:13,470
how to do that.

45
00:03:13,890 --> 00:03:18,540
So as you can see in the previous what we did, we printed responses, donated items.

46
00:03:18,750 --> 00:03:23,310
So I want to store information in a constant medically the value of that items.

47
00:03:23,880 --> 00:03:25,260
OK, that'll do not.

48
00:03:26,530 --> 00:03:27,490
Interop response.

49
00:03:28,610 --> 00:03:30,020
You have data.

50
00:03:32,540 --> 00:03:33,230
Items.

51
00:03:35,610 --> 00:03:36,150
Videos.

52
00:03:38,150 --> 00:03:43,190
So this will basically have the videos, constant name and all the detail of the videos that we are

53
00:03:43,190 --> 00:03:43,490
getting.

54
00:03:43,700 --> 00:03:45,170
Basically, this is our objective starting.

55
00:03:45,440 --> 00:03:50,810
We are structuring the data, not items, not videos, information from this app.

56
00:03:51,200 --> 00:03:53,990
And then we are storing it inside this constant videos constant.

57
00:03:54,470 --> 00:04:01,190
So once that is done, after getting the data, we can set videos using this variance.

58
00:04:02,410 --> 00:04:05,980
So what is happening, you are getting immediate data from prior to this video's concern, and we are

59
00:04:06,250 --> 00:04:11,560
doing the surveillance method and changing the value of this radius from imperial to the area of video

60
00:04:11,560 --> 00:04:13,960
that we are updating that we are creating from the ARE.

61
00:04:16,020 --> 00:04:16,560
And then.

62
00:04:18,370 --> 00:04:22,510
Off the bat, we'll be using another caution set up terminal.

63
00:04:24,780 --> 00:04:25,740
Selected media.

64
00:04:27,220 --> 00:04:28,420
Six selected videos.

65
00:04:30,360 --> 00:04:31,640
Self-Selected videos.

66
00:04:32,960 --> 00:04:34,850
The constant use step.

67
00:04:37,200 --> 00:04:39,000
And then he will be getting 90.

68
00:04:40,870 --> 00:04:42,160
It will be the object.

69
00:04:45,140 --> 00:04:45,770
Snippet.

70
00:04:47,680 --> 00:04:48,790
It could be them dear.

71
00:04:53,370 --> 00:04:55,500
So, yeah, there is one of them.

72
00:05:04,770 --> 00:05:09,930
So basically, these are the selected videos like, as I said, we are giving them back results at five

73
00:05:10,110 --> 00:05:16,670
p.m. only getting face after videos in their selected videos will select the main video so that are

74
00:05:16,800 --> 00:05:21,280
here in this main bush and we'll have a video displaying its content and the full video.

75
00:05:21,300 --> 00:05:23,070
Finally, does it serve as a list?

76
00:05:23,400 --> 00:05:25,320
So the main video it should have.

77
00:05:25,350 --> 00:05:31,620
I'd anticipate that being released audio so that we can display the main selected video using the video

78
00:05:31,620 --> 00:05:35,240
detailed will be sending this as a proper the video to tell and then using that.

79
00:05:36,250 --> 00:05:39,660
OK, so this is this is why we are using the selected video.

80
00:05:40,820 --> 00:05:44,450
And then after that, various now the selected video should be.

81
00:05:47,570 --> 00:05:49,220
Said selected.

82
00:05:50,800 --> 00:05:52,800
Radio debate videos.

83
00:05:53,780 --> 00:05:54,130
Zero.

84
00:05:54,970 --> 00:06:00,880
So by default, if the user doesn't select anything by default, we want one video to be in the main

85
00:06:00,880 --> 00:06:04,930
like of the main casting order as a box.

86
00:06:05,350 --> 00:06:09,500
So that thing will give it before as the first item in the video itself.

87
00:06:09,760 --> 00:06:11,860
Then we are getting five meters from the YouTube API.

88
00:06:12,130 --> 00:06:14,770
We will give one API as the main rollout here in the video.

89
00:06:15,340 --> 00:06:21,460
That's why I'm giving videos zero, the first item of that edit to this value selected window.

90
00:06:21,700 --> 00:06:28,780
Now what we'll do here will color video data and then send this selected video as a prompt so that we

91
00:06:28,780 --> 00:06:30,880
can display that in writing the code and gender.

92
00:06:32,560 --> 00:06:37,300
So that thing, the digital and the rest of your list and video item will see in the next few.