Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Using Create React App

Well done!

You have completed Using Create React App!

Sign up for Treehouse Back to Library
Preview
Video Player
00:00
00:00
00:00
  1. 2x 2x
  2. 1.75x 1.75x
  3. 1.5x 1.5x
  4. 1.25x 1.25x
  5. 1.1x 1.1x
  6. 1x 1x
  7. 0.75x 0.75x
  8. 0.5x 0.5x
Use Up/Down Arrow keys to increase or decrease volume.

What is Create React App?

1:42 with Guil Hernandez

Create React App is a tool built by developers at Facebook to help you build React applications. It saves you from time-consuming setup and configuration. You simply run one command and create react app sets up the tools you need to start your React project.

[MUSIC] 0:00
[SOUND] Setting up the front end tools to develop a React application can be 0:04
intimidating and time consuming. 0:07
There are a lot of moving parts. 0:09
For example, setting up Babel to transfile JSS into browser-ready code. 0:12
And configuring webpack to bundle your project assets. 0:16
Not to mention creating your project structure and production build. 0:20
Fortunately, there's now an easier way. 0:23
I'm Guil, a front end developer and teacher here at Tree House. 0:25
In this workshop, I'll teach you how to quickly get your React projects up and 0:28
running using Create React App. 0:32
Create-react-app is a tool 0:34
built by developers at Facebook to help you build React applications. 0:37
It saves you from time-consuming setup and configuration. 0:41
You simply run one command and 0:44
create-react-app sets up the tools you need to start your React project. 0:47
In addition, once you've created your project, 0:51
Create React App provides other amazing features like scripts. 0:54
To develop your project locally and deploy to production. 0:58
Projects are built as progressive web apps by default. 1:02
So this means that in production your apps will be faster and 1:05
more reliable than traditional web apps and provide engaging mobile experiences. 1:08
Create React App also ships with jest, a JavaScript testing framework for 1:13
testing React components. 1:18
And it provides helpful run time errors right in the browser and more. 1:20
This workshop assumes that you know the basics of React and 1:24
have node and npm installed in your computer. 1:28
So be sure to check the teacher's notes for links to Tree House courses and 1:31
resources that will get you up to speed on those topics. 1:34
In the next video, we'll install Create React App and create a new project. 1:38