Nicely done.
I think we're making a good progress.
So now let's talk about the election, because even though we could technically leave it the way it
is where the user needs to navigate using the URL bar, you would have to agree that probably that is
not the best user experience.
And for that, of course, we would create a number now are already created the component.
So the only thing we need to do is put it inside the router.
Morgan, please don't place it within a switch inside.
There are so right above the switch, we're going to go here with a knife bar.
And at the moment, the only thing we have here is some kind of text.
So, of course, let's navigate to our nav bar component.
And this is where I would want to set up a one more list.
So I'm going to go over here with on a list and then list item.
And then instead of going for traditional length, like we have been doing already in the Emelle, in
this case, you need to import a link from react rather now and then again.
There's a specific problem, and that is to show you go here with Link then to problem.
And this is where you specifically say, well, where I would want to navigate in this case, I'm going
to go with a home page.
So of course, the only thing I do is match whatever was my set up in the index.
So for the home, I had a fourth.
So of course, if I want to navigate back to your homepage, well, I would just use to probe and forward.
And here I say home.
Now, I would want to make two more items and I'm looking for about nine people.
So first, let's just change this text around and we'll say people.
And also we, of course, need to change the URL.
So if for about my URL was forward slash about and of course make sure that it matches, otherwise you'll
navigate to a page, not the end of the world, but probably also not something that you're looking
for.
So let's say it.
And there is now I have my links.
So instead of using the URL bar, now what I can do is just say, hey, show me the people page.
And as you can see, like I said before, now we're just displaying the people component when we go
to about and then we go to home and we can already put two and two together.
If this online component allows us to navigate to a different page, not only I can use that number,
can also use it in the error.
Correct.
So navigate to our.
Notice here how I have imported already alien component.
Just keep in mind that that is a named import, so make sure you add the curly brushes and the only
thing that is missing here is link to then we go, for example, to a home page.
Again, you can navigate to whichever page you'd want.
I'm just going to add home page and just add a little bit of cyesis.
I'm going to go with class name and we're going to go with Bethanne and let's just say back home, back
and line home and I'll try it out where not only of course I can navigate around with my Navar, but
I can also do it here where I say forward slash and shake and bake.
And now I have the error page.
Now, in this case, if I want to navigate back to the home homepage, either I can use the number which
is still there.
And by the way, this is somewhat important where I notice this number will be added to every page.
So these are my roots.
This is where we are setting up everything with a search component, but no will be added to every page.
So that will be displayed on every page, regardless which perjurers starting with home all the way
to error.
So if I want, of course, I can navigate back using the number or can if we go to a hello the page
that doesn't exist.
I also have a nice link that says back home I click it and of course I'm back home.