1
00:00:01,470 --> 00:00:05,100
So in this video, we'll see how to get started with the reactor.

2
00:00:05,890 --> 00:00:09,920
For the first thing you have to do is create a folder where you want to set up the reactor.

3
00:00:10,560 --> 00:00:15,540
So now you can see here I'm in my deep drive and then I created a folder called E-Shop.

4
00:00:15,810 --> 00:00:19,350
You will be the name of the website that we're going to build in this project.

5
00:00:20,190 --> 00:00:23,010
For now, you can use this like you can use a terminal.

6
00:00:23,520 --> 00:00:26,400
Basically, in this project, I will be using hyper terminal.

7
00:00:26,760 --> 00:00:32,010
You can use any other terminal like a command prompt in windows or if you are using Linux, it is fine

8
00:00:32,010 --> 00:00:38,110
with Linux Terminal also, but they are use hypodermic needles because of the customizations and color

9
00:00:38,110 --> 00:00:38,700
of status.

10
00:00:39,450 --> 00:00:42,180
And basically, I'd even be using his visual studio code.

11
00:00:42,780 --> 00:00:49,440
I prefer I prefer outside gesture to use Visual Studio Code because of its extensions and snippets that

12
00:00:49,440 --> 00:00:50,310
are available in it.

13
00:00:51,300 --> 00:00:57,180
So to get started with the reactor, the first thing we have to do is go to the folder that you created

14
00:00:57,390 --> 00:00:59,370
and then you have to run this command.

15
00:01:02,600 --> 00:01:06,890
NPCs create React app not.

16
00:01:09,770 --> 00:01:12,710
So this will take around two to three minutes.

17
00:01:13,190 --> 00:01:14,090
Just be patient.

18
00:01:14,330 --> 00:01:21,050
So what we are doing is and this is the part of npm create racked up is a script that is developed by

19
00:01:21,050 --> 00:01:22,160
the Facebook developers.

20
00:01:22,550 --> 00:01:25,850
So basically setting up the React project is a big task.

21
00:01:26,210 --> 00:01:32,000
So instead of doing all the steps and procedure, they have simply created a script which we can use.

22
00:01:32,420 --> 00:01:37,910
And what this dart indicates that to create the react, that means that the current folder instead of

23
00:01:37,910 --> 00:01:39,290
creating another new folder.

24
00:01:39,950 --> 00:01:41,630
So that is what this line is doing.

25
00:01:42,020 --> 00:01:45,410
So now it will take around two to three minutes for this to complete.

26
00:01:53,210 --> 00:02:00,620
So once you get this text, happy hacking and start kind of thing, then it means that your react set

27
00:02:00,620 --> 00:02:02,480
up is successfully done.

28
00:02:03,020 --> 00:02:09,110
And now the final comment that you have to do to start your reactor branding on your localhost is and

29
00:02:09,110 --> 00:02:09,830
being stuck.

30
00:02:12,420 --> 00:02:16,020
So this will take just a few seconds, around 10, 15 seconds.

31
00:02:16,350 --> 00:02:20,040
So this will start to react upon our local number three thousand.

32
00:02:22,460 --> 00:02:29,820
Clarity opening up Chrome, you need to open it separately, so as you can see it, open our local hospitals

33
00:02:29,820 --> 00:02:37,130
and then it will start running that so attract developers duties that they created a default template

34
00:02:37,790 --> 00:02:42,110
for the React app so that when the React app starts, you will see a relaxing bubble.

35
00:02:42,320 --> 00:02:42,650
Yeah.

36
00:02:42,680 --> 00:02:44,180
So this is the template they have created.

37
00:02:44,420 --> 00:02:45,990
But we don't want this thing right?

38
00:02:46,010 --> 00:02:47,780
We have to start from scratch.

39
00:02:48,340 --> 00:02:50,660
We want the light plain white window.

40
00:02:50,930 --> 00:02:55,970
So what I do is I will delete all the boilerplate code that react developers gave us.

41
00:02:56,930 --> 00:02:59,030
So basically, you can delete all of them.

42
00:03:08,020 --> 00:03:14,410
Can I only need an app, I'm not just I'm serious in tax dodging next year and next door to Daniel earning

43
00:03:14,420 --> 00:03:18,790
named exorbitant email, you can create all the boilerplate that is not required.

44
00:03:20,070 --> 00:03:21,120
I'm relating everything.

45
00:03:31,640 --> 00:03:33,680
I'll give the title as e-shop.

46
00:03:37,370 --> 00:03:38,750
You shop website Estatal.

47
00:03:45,740 --> 00:03:51,740
And you can go to apologize and then delete the boilerplate that is not recorded on deleting everything

48
00:03:51,740 --> 00:03:54,860
audio since we want a fresh batch.

49
00:04:12,920 --> 00:04:14,270
So I want to delete everything.

50
00:04:17,210 --> 00:04:21,650
So there is a I don't know what are the swig source?

51
00:04:24,150 --> 00:04:26,480
I think we are using it somebody.

52
00:04:26,920 --> 00:04:28,090
So we have fallen in this line.

53
00:04:33,750 --> 00:04:39,430
So finally, you can see we got our special white color page so that we can start our shot will not

54
00:04:39,430 --> 00:04:39,610
have.

55
00:04:40,080 --> 00:04:43,650
So this is how your React app should look like when you are getting started.

56
00:04:43,980 --> 00:04:49,040
Just abductions and drugs in the stratosphere, sending messages, files without any boilerplate court.

57
00:04:49,650 --> 00:04:52,050
So now from the next read on what we can start building our app.