In this video we're going to do a quick little bit of setup inside of our newly generated project.
And then after that we'll go ahead and start installing a couple of Penzeys in talking about navigation
inside of re-act applications.
So I'm inside my stream's directory inside if I have the newly generated client project directory and
that's my re-act project right there.
So I'm going to change into that folder and then I'll do the typical NPM start to start my development
server.
All right.
So in just a second or two I should see my application appear.
Well that's loading up.
I'm going to also start my code editor inside the client directory as well.
So I already started my editor up just to save a little bit of time.
You can see I've got my SIRC directory and as usual there's all the pre-generated pre-generated files
inside of it.
So I going take all those files and I'm going to throw them all away and we'll go through the process
of setting up just a tiny bit of boilerplate never not going to go through any of the redux boilerplate.
Right now we're just going to render out a re-act application and then once we get the react out by
itself we'll start focusing on adding in some navigation in understanding how navigation works with
re-act after we get this kind of navigation stuff under wraps.
Then we'll start to come back and out in redux on top of that.
So inside my S.R. directory I'm going to make a new file called index site Jesus at the top I will import
re-act from re-act and I will get reaction from re-act Dom and I'll get my app component from the components
app file and I'll do my usual react on Dot render.
I'm going to show an instance of my app component and I'm going to provide a selector of a document
query selector with pounde root like so.
All right so I'll save this.
Then inside my SLAC directory I'm going to make a new folder called components.
And as you might guess inside there we'll make a new file called outfought J.S. and cited this new file.
I'll put in import react don't react and then I'll make a functional component where I will return a
simple little div with the text app inside of it and then at the bottom I'll do an export default app
like so.
All right so nothing crazy here we've gone through this process many times so far.
I can make sure both files are saved.
I'm going to make sure that my development server started up correctly.
It looks like it did well flip on over to my browser where I should see the text app appear on the screen
right there.
OK guess that's a good place to get started.
I'll take a quick pause when we come back the next section.
We're going to start doing a deep dive into how we're going to handle navigation inside of the application
that we're building.
So quick pause and I'll see you in just a minute.