All right, let's get started by setting up our tools.

You learned that two common ways to install and

to get set up with React is with a tool called Create React App, and

its hosted CDN or content delivery network links.

We started to build a scoreboard app using the CDN links to help you focus on just

learning React, without having to worry about installing and running any tools.

Developers normally use Create React App for developing react applications because

it lets you quickly create and run React apps with no configuration.

It sets up your development environment with tools like Babble

to compile JSX to JavaScript, and Webpack to process and

bundle your JavaScript files and project assets.

Create React App is well-suited for projects of any size and often used for

developing production-ready apps, so

that's what we're going to use in this course.

To get started, you should have Node and NPM, or Yarn, installed on your computer.

They're only required for development and not in production, and

if you don't have them installed, be sure to check the teacher's notes for

links to Treehouse videos and resources that will get you all set up.

We also have content entirely dedicated to using Create React App.

You'll find the link to it in the teacher's notes, as well.

With Create React App, you run one command to set up the tools and

files you need to start your React project.

To save you a little set up time, and to make sure that your files are the same

as mine, I suggest that you download the starter files I prepared for you and

work from there.

I created the project using the npx command,

followed by create-react-app, and the name of the project, scoreboard.

NPX is a tool that's included with NPM, as a version 5.2, that makes it easy to

install and run packages, especially command-line tools like create-react-app.

If you need to use a global package that's not installed on your computer,

running npx will download and execute the package you specify all in one command.

For example,

without npx, you have to make sure that you have Create React App installed

globally on your machine before you're able to run the create-react-app command.

The best part is that npx makes sure that you're always using the latest version of

a package without having to upgrade it each time you're about to use it.

So it offers a pretty big productivity boost.

After downloading the provided project files, open your terminal or

console, navigate inside the scoreboard folder, and

make sure to run npm install to install the project's dependencies.

Then to run the scoreboard app in the browser, run npm start.

Now, open the project in your favorite text editor.

I'm using Visual Studio Code, which has an integrated terminal.

I brought over all the code we wrote in React Basics to the new project files.

If you open the file App.js, located inside the src and

components folder, you'll see the header, counter, player, and app components.

You'll find the CSS for the app in index.css.

And over in index.js, you'll see the familiar ReactDOM.render method,

which is rendering or mounting the app component into the root element.

An HTML file containing this root element is inside the public folder.

All right, we're all set up to continue building our app.

In the next video, you'll learn how to break up your components into modules.