In the last section we discuss the API that we're going to be using for application.
Again we're not going to make use of that API right away.
So just kind of hold onto that knowledge in your head for just a little bit.
It's going to be a lot easier to cover it right now rather than break up our concentration later on.
So back to the task at hand.
I want to take a look at our up again and talk about one other big challenge that we're going to have
inside this application.
OK so here is our mockup.
You'll notice that at the top of each of these diagrams are these separate pages.
We indicated the route that the user would be navigating to or the route that they would be visiting.
So it's a look at the list of all different posts that the user has created.
They might be going to you or l like my post dot com slash.
So just the very route route or the home route of our application and then we had said that if a user
goes to pose slash Phife we want to show them the post with ID 5 on the screen and notice how the you
the UI that we're showing for this is distinctly different than the full list of posts over here.
Finally if a user goes to post slash new we want to show them a form to create a new post.
So it's very clear that based on the you are that the user is looking at.
We want to somehow show a different set of re-act components on the screen and not only show a different
set of Riak components but we also want to say maybe fetch a particular blog post or we might want to
fetch a big list of blog posts.
So clearly the you are has a tremendous impact on exactly what our application is doing now to help
us kind of manage this connection between the normal and the behavior of our application.
We're going to make use of a library called re-act router in this section.
We're just going to install it and we'll take a quick pause.
Well it installs and come back in the next section and discuss exactly what it's doing for us.
So I'm going to flip over to my terminal and I'm going to install the re-act router library.
We're going to run NPM install desktops save re-act router and we're going to install a very particular
version of re-act router.
We're going to say at four point zero point zero like so.
So do make sure that you get the correct version on here when you run the installation.
The reactor our API is kind of notorious for changing over time.
There have been a lot of breaking changes to the API.
So it's really important to make sure that you and I are working on the same version of this library.
Now you might see a little bit of a message on here about an unmet peer dependency.
That's totally fine if you see some like that.
Don't sweat it.
OK.
So while I'm going to let this thing you know your insulation might take a little bit longer than mine.
So let's take a quick break.
We're going to come back and talk about exactly what this library is doing for us and discussions can
be really long.
And so yeah we're going to tackle that inside the next section so I'll see in just a second.