1
00:00:02,100 --> 00:00:04,110
The second common concern is closely

2
00:00:04,110 --> 00:00:06,700
related to the first. When you use JSX,

3
00:00:06,700 --> 00:00:10,010
React requires a build step. As I

4
00:00:10,010 --> 00:00:12,280
mentioned, you need to compile JSX down to

5
00:00:12,280 --> 00:00:14,360
plain JavaScript calls so that the browser

6
00:00:14,360 --> 00:00:16,730
can understand it. In practice, this is

7
00:00:16,730 --> 00:00:20,010
trivial to handle today. Frankly, worrying

8
00:00:20,010 --> 00:00:21,820
about needing a build step makes little

9
00:00:21,820 --> 00:00:24,200
sense today. These days, a build step is a

10
00:00:24,200 --> 00:00:26,040
critical part of just about any web

11
00:00:26,040 --> 00:00:28,170
application. No matter what JavaScript

12
00:00:28,170 --> 00:00:29,780
framework you're using, you're going to

13
00:00:29,780 --> 00:00:32,060
want to build step. You'll want to minify

14
00:00:32,060 --> 00:00:34,280
your code to save bandwidth, you'll want

15
00:00:34,280 --> 00:00:36,230
to transpile your code so that you can use

16
00:00:36,230 --> 00:00:38,610
modern JavaScript features today, even

17
00:00:38,610 --> 00:00:41,640
before your platform offers full support.

18
00:00:41,640 --> 00:00:43,740
And you'll want to lint your code and run

19
00:00:43,740 --> 00:00:45,740
your automated tests when you hit Save as

20
00:00:45,740 --> 00:00:49,370
well. So compiling JSX is just another

21
00:00:49,370 --> 00:00:51,410
thing that happens automatically along the

22
00:00:51,410 --> 00:00:54,765
way. Today's two most popular transpilers

23
00:00:54,765 --> 00:00:57,330
both work great with React, Babel and

24
00:00:57,330 --> 00:00:59,790
TypeScript, and both allow you to use

25
00:00:59,790 --> 00:01:01,850
modern JavaScript features today, even

26
00:01:01,850 --> 00:01:04,710
before all browsers offer full support.

27
00:01:04,710 --> 00:01:06,870
And most importantly for React developers,

28
00:01:06,870 --> 00:01:12,790
both transpile React's JSX for you. And

29
00:01:12,790 --> 00:01:14,860
there are a variety of React boilerplates

30
00:01:14,860 --> 00:01:16,670
to make it easy to get started and have

31
00:01:16,670 --> 00:01:19,030
build steps built‑in automatically to

32
00:01:19,030 --> 00:01:22,050
transpile JSX for you. Create React app,

33
00:01:22,050 --> 00:01:23,530
which I have mentioned earlier, is the

34
00:01:23,530 --> 00:01:26,360
most popular option today, and it also

35
00:01:26,360 --> 00:01:28,250
minifies and bundles your code and even

36
00:01:28,250 --> 00:01:30,560
includes automated testing support so you

37
00:01:30,560 --> 00:01:31,760
don't even need to configure your

38
00:01:31,760 --> 00:01:33,180
development for production build

39
00:01:33,180 --> 00:01:39,000
environment to work with JSX, this all just happens automatically.

