In the last video, we saw hybrid and other dynamic content based on a search value.
The movie is based on the search and can see here using the use their dogs get use effective hooks and
also using them to think of it to get a request from the warrant from the EPA.
So now, like we have a small bag in the cases we will check, right?
Like we are not able to see, although you may just one after the other, maybe after school, everything
like we saw in the last few up, we'll likely get the notice.
What is the ideal bag and the enough implementing everything like after implementing each functional
that to favorite, remove remove from favorite?
Then we'll see like what changes you have to do in that case.
And then those things in the later part.
So now this next thing, the three remaining things that were left at your favorite remove from favorite
and storing the content like we never know when we are, whenever we are refreshing, we are losing
the content, right?
So binoculars, the content, like when we are refreshing or get back visiting after some time, the
same page, we have to store our favorites so we can see how best to adapt using the local storage.
So these three things are left.
So let us start with our guest.
We will get started with that preference.
It's an important component.
Add favorites.
Not slash components slash.
After fear, it's.
So as we have imported, like we have prepared a component.
Our favorites, GSX.
So instead, this I'll be creating a constant diet favorite.
But.
It should return.
And do.
So now, like basically what we have to do is that we'll have a title collect two favorites and also
a small hot symbol.
So I don't see what will be having the spam.
Glass animals, Amato.
Add to favorites.
So after this will have a small heart symbol.
So far, that preparedness, we should have asked how to get the hot in, but.
So I'll be using bootstrap for that bootstrap icons.
The can.
They're going to install this using this tiny island standard.
And BMI bookshop icons.
So now you can search for I contact with searching for a heart.
Part one, this heartfelt.
You click on the and then can seem like they're giving up.
But you see the original code for the doctrine.
So we'll copy that.
And we you did not call.
So it will be a swig.
So and then these are will be the what do you say?
The props, the props of the component.
We can have them.
I.
I am doing experimentation part.
So, yeah, so again, and sort of current color, I'll be using the red color to fill.
So with this, we are important.
You know, the bootstrap icon acknowledged that the FedEx content.
So after doing this, we basically just exploded.
Our favorite.
So once this is, then we are done with the activity component.
Now we have to write a code for that favorite component while we are returning it.
So we'll see how to do that.
We may want to check whether.
Yeah, so I contacted and started, you can check in the backlog, Jason can see the bootstrap by and
bootstrapping installing the dependencies.
Then I'll go to our producers and our guests.
And then he had no.
Instead, the movie list are like not running and hitting the movies, we have no alternative favorite
ad favorite company like, as you can see, I'm sure you see it on the movie list component.
We should have another component.
They've already had like, you know, like having a component of our two favorite and a hot symbol.
So when we click on that, we need to get someone of their favorite setting and also the component you're
good at.
So we'll see how to do that.
So not only one movie is represented multiple props for that.
Oh, OK.
One will be and then favorites slip.
And if can we be?
And favorite movie.
And then the parent component will be.
Component will be.
Outfits.
So we'll see what this indicates to hand the favorite statements whenever we click on that component.
It should do something like it should add some data to your favorite component and like what kind of
component we want to render on set on that movie list, you have to add favorites conference.
I mean, right now, basically our favorite compatibility imported over here.
Pick out favorite from add favorites.
There should be a signal.
It should be singular form.
Yeah.
So there is no need on this.
OK, so now ad hoc ad staff favorite can be fun handling the clip.
We have add favorite movies of that.
I'll be right in the corner.
So just about blowing this huge effect.
Then create a new.
And favorite movie.
It will take that movie.
A new favorite list.
Bemusing has been an for five minutes.
So explain your work like what is happening basically in just a couple of seconds.
And said favorites.
Your favorite just.
So basically, like since we have created all books for the movies and also the search value, we need
to have a home for the favorites.
So like whenever you click something like the favorite should get updated every time your favorite movies.
And then you can able to retrieve them from the.
Said.
Recalls to you start.
So this again, will be an imperial.
So what's happening is whenever, like a person clicks on handling the favorite click attribute, then
we'll call the ad faded memory function.
So what add favorite movie does is that it will take that particular movie and then it will add it to
a new contract, a new favorite list.
And this bad operator does that.
It will be able to help us to save all the information that this constant has and that new information
should be it with all the previous favorites and adding the new movie and they've been set favorites.
That means it will, instead of constantly using this function to the new favorite list.
So we added, we are having a favorite list that contains the movies that we added, but the favorites.
So once that is presented, we'll be sending the favorite component over here.
So.
So now we have to basically render the favorite component, right?
So after that, they've after the movie less to do.
We'll be creating a new division.
So this decision will outclass.
Name of road.
Reflex.
A line items.
Simple.
And B minus four and B minus four.
So he had no.
Maybe sending them or really starting as favourites.
We're really standing.
So the there will be favourites.
And then after this division, we'll have another day.
It class name as little.
And again, we'll be defending them released.
But here.
What we'll be saying is that instead of sending movies, we'll be sending them favorites so that we
can add another favorite movie list.
And on hand favorites, click.
There's sending.
So that will see.
So now there are some lines of code that we need to write when we are removing some favorites, so this
is basically it will now show the favorites to us.
To think that the is enough, so let us check people performing.
So feverish is not defined.
Fifty three line, 53 days earlier.
So fair.
OK.
Yeah.
So neither the check, for starters.
But it's going to not able to, you know, see this or say the component of this thing.
So why is this happening?
Because we need to write some serious code for that.
We'll see what this is caught and not see it this.
Not image container.
Well, not overly.
I possibly will be.
One.
Not overly so, this basically overlays the add favorite component attached to fabric and a heart symbol
on the movie list component that is very odd using overlay.
The politician should be.
Absolute.
My goal, amazing God, GBA.
Zero.
You know.
And it will be around 0.8 so that it will have a light gray shade and it will be good to visually it.
So after this number should be 100 percent with the parent component that is the more airlift component,
the individual movies image.
Transition should be a 0.5 second, since you are basically the traditional method, I have checked
all this styles, which style suits the better animation.
You can use different styles according to your how your arm, you want your page to look like, how
you want your movies to look like.
Font size will be 20 pixels.
Fighting really beginning to make sense.
And finally, next time it'll be.
Extra land will be sent.
So you didn't send have the movie list?
So like we are not only there the audience in the post of the image, so often that in the poster,
we also want to have the, you know, the two favorite componentry so that I'll be creating a.
So on, click.
So I'm clicking this do.
It should take this some props and then call the drop start handle favorite.
Propaganda and favorites, click.
By sending the movie the current movie.
The class name will be.
Overly.
Influx.
Alana Adams and Aline.
Items.
Scented dished for condoms and.
And then we have another favorite company.
Favorite coal company.
So when we're getting the props repaired, this favorite component.
Drops dark.
To confirm.
So that is a small number.
The federal they wanted this deal to close.
So now what?
So what basically is happening is that whenever you go to like inside garages, you can see you're sending
food drops on his hand and favorite clicks add favorite movie so that you're catching over it in the
movies list.
And the favorites like whenever like this prop, like whenever and click on the division, another division
is clicked, then we'll call it this anonymous function and then we'll be sending we'll be calling the
title favourites click function.
We're sending the movie as actor.
And also in that gorgeous, you're having this favorite component and we are sending this add.
A favorite component to this very component contains the date of this component ad.
So that really gets in the movie list.
And then we'll read that component.
So now if you see the working, you can see you got our two favorite and a heart symbol in this.
So that so now we're we have to sort this out, two favorite component and local story to date and also
the remove from the favorite.
So once we start this up, the date of the favorites is not in some local component and also remove
some favorites and then change the styling part.
Then we can see the complete page that is I know fans of now, like since we have not completed the
local storage, but we're not able to see anything like favorites.
But the favorite also like you can see, there is nothing, so we'll see out of a store stored away
at our favorites onto the local storage and also the remove from remote fan favorite component in that
next week.
Thank.