Preview
Video Player
00:00
00:00
What is Create React App?
1:42Create 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