1
00:00:01,420 --> 00:00:05,920
In this video, we'll see how we get started with the reactor, but it's the first thing you have to

2
00:00:05,920 --> 00:00:07,930
create a folder where you want to project.

3
00:00:08,700 --> 00:00:11,200
So I created a folder called Chat App.

4
00:00:11,770 --> 00:00:13,630
So we actually have a chat application.

5
00:00:13,630 --> 00:00:14,740
I have maybe a desktop app.

6
00:00:15,400 --> 00:00:16,150
So you have to remember.

7
00:00:16,150 --> 00:00:20,740
One thing is that that you are a folder name should be in lower case letters because the React folder

8
00:00:20,740 --> 00:00:21,940
name should be in the works.

9
00:00:23,500 --> 00:00:27,610
So since we need one I.D., I'll be using Visual Studio put in this project.

10
00:00:28,330 --> 00:00:29,950
You can open a folder in the project.

11
00:00:32,790 --> 00:00:37,540
And once it opened, you have to open the folder in your terminal or you can use the reactor.

12
00:00:37,650 --> 00:00:43,170
You can use an airport terminal as well, but I'll be using the hypothetical because it has many customization

13
00:00:43,170 --> 00:00:44,520
and good features.

14
00:00:46,720 --> 00:00:48,190
So I'll be going into.

15
00:00:51,400 --> 00:00:52,750
The following entities present.

16
00:00:55,190 --> 00:00:56,450
So now you have to.

17
00:00:57,620 --> 00:01:01,520
The one time and that is NBC's Create React app.

18
00:01:06,790 --> 00:01:12,070
So what this does is that actually creating setting up a React project is a big task.

19
00:01:12,370 --> 00:01:17,650
So what Facebook developers did is that they created a script that we can use and run it to create React

20
00:01:17,680 --> 00:01:18,070
app.

21
00:01:18,490 --> 00:01:20,810
So this is the name of the script that they created.

22
00:01:21,940 --> 00:01:28,900
And it is simply a module on package from npm that is used to run the script, and Dot indicates that

23
00:01:28,900 --> 00:01:32,250
you are clear that the project in the existing directory.

24
00:01:33,310 --> 00:01:36,250
So if we don't have a fair dart, it will create a new category.

25
00:01:36,820 --> 00:01:40,090
So that's why we have to specify not to create an existing directory itself.

26
00:01:40,510 --> 00:01:41,500
So when I click on the.

27
00:01:43,240 --> 00:01:45,790
This will take sometime around two to three minutes.

28
00:01:46,750 --> 00:01:50,530
And if they're considered spastic, might occur on tactical 30 seconds for one minute.

29
00:01:50,710 --> 00:01:52,120
So just be patient with it.

30
00:01:57,080 --> 00:02:02,510
So when you get these kind of messages, like happy hacking into the stock, that means you are racked

31
00:02:02,510 --> 00:02:03,890
up has been successfully buried.

32
00:02:04,460 --> 00:02:11,290
So now you start to react that we have to follow on following Commander Pace and bump stock somebody

33
00:02:11,320 --> 00:02:12,150
and stop your react.

34
00:02:12,150 --> 00:02:15,130
Tap on your local strategy for report number three thousand.

35
00:02:15,710 --> 00:02:20,990
So basically, what happens is they gave a default template for the reactor.

36
00:02:21,050 --> 00:02:25,850
That's where you can see already some source files and public files that you can see.

37
00:02:26,300 --> 00:02:32,020
So what I'll be doing is I'll be deleting the boilerplate code that is set up by the reactor developers.

38
00:02:32,030 --> 00:02:37,850
And when you start from scratch, that is we want blank screen to start with so we can delete them.

39
00:02:40,740 --> 00:02:42,990
No dish, I wanted to mix and add dodges.

40
00:02:44,480 --> 00:02:45,920
Bottom line, you can delete everything.

41
00:02:49,110 --> 00:02:50,040
And go to public.

42
00:02:51,940 --> 00:02:56,060
And except for next door jams, everything negative statement.

43
00:02:59,910 --> 00:03:02,250
Very naproxen, yes, also can be modified.

44
00:03:06,120 --> 00:03:07,230
Avant garde jazz.

45
00:03:07,830 --> 00:03:09,450
No need of the next one.

46
00:03:09,940 --> 00:03:13,950
So this we want a hello world to be using that's run.

47
00:03:20,190 --> 00:03:20,610
Hello.

48
00:03:25,950 --> 00:03:29,190
Well, they can say no local state owned entities running.

49
00:03:29,940 --> 00:03:33,630
But there is some error because we haven't paid the boilerplate yet, they're going to go that.

50
00:03:39,860 --> 00:03:45,620
You've been on this for the night of this boilerplate code.

51
00:03:48,420 --> 00:03:49,590
And what the comments.

52
00:03:53,600 --> 00:03:55,490
So the basic rate.

53
00:03:56,760 --> 00:04:02,520
The basic issue with our own division that it would division indicates whether we should stop them.

54
00:04:02,970 --> 00:04:07,780
And in that case, as you can see we can, we are entering the website from that element and everything

55
00:04:07,780 --> 00:04:08,340
in secondary.

56
00:04:08,350 --> 00:04:09,960
Next, we're adding our company.

57
00:04:10,470 --> 00:04:14,070
So Namdev will be having all the components that we want in our website.

58
00:04:14,910 --> 00:04:19,620
So if you if you now see our website, you can see a simple Hello World statement.

59
00:04:19,860 --> 00:04:22,020
And we are having the website from scratch.

60
00:04:22,200 --> 00:04:24,900
Now we to go and build up chat application.

61
00:04:25,620 --> 00:04:26,450
See you in the next room.