We're all done with our final widget.
So we're now going to start to work on this header inside the header.
We're gonna have a couple of different links.
And as user clicks on them, we're going to show some different widgets on the screen.
This entire process is referred to as navigation.
So we say that we are going to navigate a user around or implement navigation.
We are saying that we are going to show different components to the user based upon the current your
L.
That they are visiting.
If you look really closely at these mockups, you might notice that I've got some addresses inside of
each of them.
So, for example, whenever a user goes to an address of local host three thousand slash dropdown,
we're going to show the dropdown component on the screen whenever they go to Flash translate.
We'll show the translate component and so on.
Our root roots or the home page, whenever user goes there, we will show the accordion.
Now, to implement navigation instead of react up, we usually make use of a very popular library called
React Router.
This is the absolute standard library for implementing navigation.
However, only tell you a few things about react router.
I've been making use of react water for many, many years now since almost the very first version.
And in that time, on average, just about every year you're going to find there are some breaking changes
coming out inside this library.
So in other words, I personally have not learned to react or one time.
I've learned it many times because it has had many breaking changes.
Now for you, I could show you how to use react router very easily.
But by the time you go and use it on a professional project, there might already be another set of
breaking changes rather than just focusing on how you specifically make use of react router.
In this application, I want you to instead understand some of the ideas and theory of navigation.
We're going to implement some navigation stuff from scratch without using the react router library at
all.
Having said that, understanding reactor water is very important.
So we will make use of react router later on in this course and really understand it 100 percent.
But for right now, we're not going worry about reactor water too much.
We're just going to implement a couple of very small navigation elements on our own.
And it's going to really help us understand what react router is doing when we finally cover it.
OK.
So then mind, let's take a pause right here and start to build out the first step of navigation in
the next video.