1
00:00:02,010 --> 00:00:11,570
After we created a brand new portrait first we did it the unnecessary things like logo and a Coke.

2
00:00:12,240 --> 00:00:13,620
So we do not need this

3
00:00:17,820 --> 00:00:21,030
image that we are going to create a simple list of names

4
00:00:46,310 --> 00:00:48,130
and then we use NPM start

5
00:00:53,640 --> 00:00:57,300
and see that we se like this.

6
00:00:57,980 --> 00:01:01,010
Although when you look at this it just like Mario.

7
00:01:01,040 --> 00:01:07,470
But actually this is not equity m l guess you think s x but what is g us x.

8
00:01:07,800 --> 00:01:13,850
J ust X allow us to write X to Emma element in truffles whip and paste them in the dorm without any

9
00:01:13,850 --> 00:01:17,340
equity element or a pen trial method.

10
00:01:17,860 --> 00:01:20,410
Well let's go to tables first.

11
00:01:20,520 --> 00:01:22,640
We have to copy the code from that we add

12
00:01:31,250 --> 00:01:32,810
and then we go to a try it out

13
00:01:37,340 --> 00:01:39,290
and paste it on the left hand side.

14
00:01:39,710 --> 00:01:45,320
And as you can see this is the generated javascript.

15
00:01:45,320 --> 00:01:52,040
What it means is if we do not use trig as X we have to write this type of code in order to do the same

16
00:01:52,040 --> 00:01:53,030
things.

17
00:01:53,030 --> 00:01:56,060
So let's copy this code and paste it in our project

18
00:02:06,140 --> 00:02:09,160
and as you can see we can get the family out.

19
00:02:09,210 --> 00:02:13,380
However no one want to use this difficult way to do the same thing.

20
00:02:13,560 --> 00:02:15,810
And this is why we need the TSX.