In the last video, we saw how to implement the visual component recording part of this.
In this video, we'll see the 40 part video item, so each and every item of that list.
So firstly, we have to import react.
And I'll be using the styling for styling purpose, I'll be using the great paper and typography components
from the material, you're so important.
Great.
Paper, and I said, if they are not default experts, then we have to do this quietly braces.
That's fine.
Since we act as a default expert from the act component, we are importing it without any basis.
But great paper and typography are one of the exports that the material has.
So we have to export import them using this kind of precious.
I for coffee.
From.
I believe I could.
Once this is done, the function for the radio item.
So.
Coming to the props, what props like, what of that barometer that we are getting in for this vital
function?
You've seen list.
We are sending three bedroom because one is the key.
One is the video and one is on celebrity.
So now those things will actually mean I will catch video on select radio since we don't have any use
with that key.
It will be video.
On reducing the.
Once it is done, we'll return.
We need an upgrade.
So the great item will be.
Excess of excess will be plural, as I said.
These are fundamentally good that we are using simply.
And then the people.
The paper this day will be.
This player will be flex.
A line item should be center.
Carson will be a appointed.
At seven a.m..
Washington.
So after this on select on.
On Click.
We'll be calling on select radio.
On radio, Seligman said on those radio.
Really?
So I have used up all these shortcuts so that, you know, everything will be equal like item the text
alignment, all the text will be wrapped in a single screen.
You need to move the bottom left and right.
So all these are useful shortcuts.
So what is happening is on click whenever you click on a particular element, then we are calling on
to select function and sending this video where we are getting this onto that function.
We are getting from the parent company that is Middle East component here, also with any mountain of
brilliant the.
So where we are getting this answer to the problem we are getting from parent comment approaches.
So we do item parent component as we do list variant is the components.
Parent component is not just so it's going to have something that function through all these components.
So this is called update management and props from one component to another.
So instead, this after just when we are triggering this on click function.
This is a callback function so they don't when the click is performed only then only we are calling
this on.
We does not function.
And this in Britain will go back to that initial state where it is called in Aparajith.
And then there we are, calling this select this function.
Self-select reverse function should have a Eurobarometer so that it will change the selected video to
the media that we are sending it as a barometer.
So what we are getting, the parameters from this will be that parameter that we do.
So the current video on which the unit is clicking the video item that will go down, not just change
the selected video and managed on that the video data will be based on this activity video.
This is all we are working with on this item and all the Bay State management and parent to child component
props transmit it all.
So this is the logic.
Now the remaining thing is we have to.
The source.
So it will be.
Well, OK, second, yeah.
So the image component style will be.
My agenda, it should be.
Granted, since.
All the major Mitt Romney.
And the source will be.
Your dog?
Snippet.
Not thumbnails.
I'm unarmed, not medium, not driven.
So this is the role of the data that we want as the image.
And then after they met, you never typography.
April.
The typography will be.
In bold.
We'll have really all these are basically the attributes that the video did condensate like in the starting
me console.log one, the response fun celebrity, marvelously particularized it will have details.
Everything in detail regarding the video for that snippet contains the title of the video.
So he had to be sure to send a variant from.
Variant should be.
Subtitle one.
So once this is completed.
Let me check whether there are the bugs are not, everything is fine.
On Friday, we're calling this it is going to die and gorgeous and sending this video to that six select
video set selected with your book.
And then we are changing the period detail in an appearance to that item that is selected by default.
We now have our identity is given to the ideas element.
We just need title and the URL for the image.
Everything.
Finally, we have to export it.
Exploded.
Different.
We do item.
Once this is done in the video approaches, you can see we have imported the video list of everything
is pretty good.
Let us see that it is working out OK, there are no errors, so let's click on a.
And then, yes, if I click enter, then they're getting some errors.
There is a small bug in the code right here in 032 item in rural is not just the key video dot IED,
so the IED inside the video contains the video.
So we don't really want to change this.
Save this and open the auto website.
So now when you select somebody like avenges and click Enter, then you can see we are getting the five
five videos that are updating from the YouTube app.
You can see the first thing as default here in effect, not when you select something.
Then we are getting some eye on media slap is not a function.
So do we have a dinner type where they interest on video that we initially had on select radio?
Right.
So it's not on select radar because you have Roger Jones.
We have given that to us on Radio Select, so it should be on Radio Select Change that immediate list
on Radio Select.
So everything should be on Radio Select, so on.
We just heard the name of the phone that we are sending the army to select function with an the interpreter
for that bottom channel component so that we can use it in the parent component and change the main
radio detail radio based on the user selection.
So if that union this, save it and open your.
Website refresh it.
Now select awareness.
Now you can see you are getting a few readers here.
The default one is the first item of duty.
Now, for example, and this reader, then you can see that is changing over in the reader.
If I select this reader can see this change.
You can also play everything you can do in your depiction.
Do it or you can click and now, you know.
It can open it on YouTube if you want.
Are you open the first thing?
You may also have subtitles if you want.
Are subtitles coming, so this is basically everything that you are doing in YouTube?
OK, so with this, we have completed all the business logic board and coding for the YouTube or like
video sharing platform that is in letting you do using the Google Developer Tools YouTube API.
Annoying to make sure you're going to school, the summary of what we are doing and also your tips of
working with the tab and also like a work with other GitHub repository.
So if you are downloading them, uploading them and see that in the next little?