1
00:00:00,760 --> 00:00:05,260
If you're here watching this video, I'm going to assume that you are now somewhat familiar with TypeScript

2
00:00:05,380 --> 00:00:07,840
and you just want to learn how to use it correctly with react.

3
00:00:08,230 --> 00:00:11,570
So if that suits your case, then continue on and let's keep watching.

4
00:00:12,310 --> 00:00:17,080
So in the section, we're going to generate a new react application with typescript support built into

5
00:00:17,080 --> 00:00:21,520
it or then going to build a couple of different, very simple and very straightforward components.

6
00:00:21,940 --> 00:00:25,900
All these different components so that we create aren't really going to show any content or be have

7
00:00:25,900 --> 00:00:28,120
any kind of really special interaction with our users.

8
00:00:28,330 --> 00:00:33,100
Instead, we're going to use these very simple components to just get a better idea of how we work with

9
00:00:33,100 --> 00:00:35,990
TypeScript and react together and why we would at all.

10
00:00:36,580 --> 00:00:42,400
So let's first begin by generating a new create react project that has typescript support built into

11
00:00:42,400 --> 00:00:42,610
it.

12
00:00:43,030 --> 00:00:46,030
To do so, we're going to go over to our terminal and run this command.

13
00:00:46,390 --> 00:00:51,280
So NPCs create racked up the name of our application and then very critically on the very end, we're

14
00:00:51,280 --> 00:00:56,770
going to add in dash, dash, template type script whenever you want to generate a new react project

15
00:00:56,800 --> 00:00:59,710
with typescript support enabled, that's the command you're going to run.

16
00:01:00,020 --> 00:01:01,420
So let's do that right away.

17
00:01:02,110 --> 00:01:05,680
Over at my terminal, I'm inside of a workspace directory of sorts.

18
00:01:05,920 --> 00:01:09,610
Inside of here, I'm going to run NPCs rate react up.

19
00:01:10,150 --> 00:01:15,580
I'm going to name my project Artiste's, which is just short for react type typescript.

20
00:01:16,240 --> 00:01:20,530
I'll then add in dash dash template type script at the very end.

21
00:01:22,630 --> 00:01:26,980
All right, generating a project with tight script support usually takes a minute or two.

22
00:01:27,230 --> 00:01:31,180
So while positivity right here, we'll come back to the next video and take a look at the first little

23
00:01:31,180 --> 00:01:32,710
react in typescript example.

24
00:01:32,800 --> 00:01:33,790
Now we're going to work on.