In the last section we spoke about a couple of different questions we might have had after we went over
that little code pen project.
Now we're going to start to move forward.
The first big topic that we're going to talk about is GSX.
So I want to make sure that you have a really solid footing in it and understand a lot of the rules
behind it and exactly how it behaves.
Now in order to learn more about GSX we need to be able to write GSX in the first place.
We need someplace we can write this code out and then mess around with it a little bit.
Now so far we wrote a little bit of GSX overon code pen and code pen is fantastic it's a great tool.
We're going to use it several times throughout this course.
However my goal in this course overall is to make sure that you understand how to work on professional
grade react projects.
So rather than continuing to use code pen we're going to move over to our local code editors and we're
going to generate a project on your computer that's going to more closely emulate how professionals
work on re-act projects rather than using code then we need to generate a new project or new reac projects
on your local computer in order to do so.
We're going to go through a couple of different steps each of the steps that you see right here are
pretty straightforward but understanding what's going on is a little bit more challenging.
The first thing we have to do is make sure that you have no Jaz installed on your local machine.
After that we're going to install a tool called create react up which we're going to use to generate
a new re-act project.
And after that we can then start to play around with GSX a little bit.
Now in this video in particular I want to focus on just making sure that you have no just installed
on your local machine.
As a quick note if you know that you already have no genius installed then feel free to pause this video
and move onto the next video.
Otherwise stick around.
Now if you're not sure if you have node already installed in your local machine you can open up a terminal
and run the command node dash V like so when you run that command you should see a number like disappear.
If you don't see your number if you see an error message that says command not recognized or command
not found that means that you probably don't have node installed and you need to go through the installation
process.
So let's do that together right now in order to install node.
We're going to open up a new browser tab and navigate to that link you see on the screen.
So I'm going to take that link I can open up a new tab and I'm going to navigate to it and then you'll
see a page like this appear note Jesus installation process is pretty straightforward.
You'll pick the installer for your particular operating system and then if you're on Linux you can get
the Linux version down here as well.
So I'm on Mac OS so I would download the Mac OS installer.
It's a pretty quick download.
I have nonetheless gone ahead and download ahead of time so you don't have to watch me download it.
So once you download that installer you'll see a window like disappear.
Even if you're on Windows you're going to see a very similar message.
All we have to do here is click Continue continue continue and so on.
And that's pretty much it.
Then after you go through the installation process we can then open up our terminal again and make sure
that node was successfully installed by running it.
Note that Dasch the.
You should see a number appear.
Now if you don't see that number appear after going through the installation process that's totally
fine.
As a quick note in order to get that number to appear you might have to restart your terminal.
You probably don't have to restart your whole computer just your terminal.
Make sure you close down and quit every terminal or command line window you have open and then started
back up and try running node Dashti again.
All right.
So assuming that everything got set up A-OK Let's continue in the next section where we're going to
download this.
Create re-act up tool and then use it to generate a new project.
It's a quick break and I'll see you in just a minute.