1
00:00:00,000 --> 00:00:04,101
[MUSIC]

2
00:00:04,101 --> 00:00:07,976
[SOUND] Setting up the front end tools
to develop a React application can be

3
00:00:07,976 --> 00:00:09,891
intimidating and time consuming.

4
00:00:09,891 --> 00:00:12,080
There are a lot of moving parts.

5
00:00:12,080 --> 00:00:16,865
For example, setting up Babel to
transfile JSS into browser-ready code.

6
00:00:16,865 --> 00:00:20,085
And configuring webpack to
bundle your project assets.

7
00:00:20,085 --> 00:00:23,395
Not to mention creating your project
structure and production build.

8
00:00:23,395 --> 00:00:25,745
Fortunately, there's now an easier way.

9
00:00:25,745 --> 00:00:28,965
I'm Guil, a front end developer and
teacher here at Tree House.

10
00:00:28,965 --> 00:00:32,555
In this workshop, I'll teach you how to
quickly get your React projects up and

11
00:00:32,555 --> 00:00:34,815
running using Create React App.

12
00:00:34,815 --> 00:00:37,320
Create-react-app is a tool

13
00:00:37,320 --> 00:00:41,570
built by developers at Facebook to
help you build React applications.

14
00:00:41,570 --> 00:00:44,910
It saves you from time-consuming setup and
configuration.

15
00:00:44,910 --> 00:00:47,295
You simply run one command and

16
00:00:47,295 --> 00:00:50,690
create-react-app sets up the tools
you need to start your React project.

17
00:00:51,720 --> 00:00:54,572
In addition,
once you've created your project,

18
00:00:54,572 --> 00:00:58,234
Create React App provides other
amazing features like scripts.

19
00:00:58,234 --> 00:01:02,250
To develop your project locally and
deploy to production.

20
00:01:02,250 --> 00:01:05,450
Projects are built as
progressive web apps by default.

21
00:01:05,450 --> 00:01:08,740
So this means that in production
your apps will be faster and

22
00:01:08,740 --> 00:01:13,970
more reliable than traditional web apps
and provide engaging mobile experiences.

23
00:01:13,970 --> 00:01:18,682
Create React App also ships with jest,
a JavaScript testing framework for

24
00:01:18,682 --> 00:01:20,491
testing React components.

25
00:01:20,491 --> 00:01:24,980
And it provides helpful run time
errors right in the browser and more.

26
00:01:24,980 --> 00:01:28,010
This workshop assumes that you
know the basics of React and

27
00:01:28,010 --> 00:01:31,330
have node and
npm installed in your computer.

28
00:01:31,330 --> 00:01:34,690
So be sure to check the teacher's notes
for links to Tree House courses and

29
00:01:34,690 --> 00:01:38,000
resources that will get you
up to speed on those topics.

30
00:01:38,000 --> 00:01:41,880
In the next video, we'll install
Create React App and create a new project.