1
00:00:00,710 --> 00:00:06,650
So now we're creating up a React application, and thanks to the Facebook Create React app utility,

2
00:00:06,650 --> 00:00:07,910
it's fairly simple to do so.

3
00:00:08,900 --> 00:00:12,980
If you just go to the Facebook React React app, create React a page or Facebook.

4
00:00:14,090 --> 00:00:20,780
These are the these are all commands that we need to create and an application and create React app,

5
00:00:21,080 --> 00:00:22,190
followed by the name of the app.

6
00:00:22,190 --> 00:00:25,220
Then you move into your app and then start your application.

7
00:00:25,580 --> 00:00:30,820
Now, as a prerequisite, you need to have a node installed in a system, which I hope you have.

8
00:00:30,830 --> 00:00:35,780
But if you don't, just download the latest version from the official site, and it's very simple to

9
00:00:35,780 --> 00:00:36,100
do so.

10
00:00:36,120 --> 00:00:42,020
So I won't be showing you how to download and install it other than nor do you also need to have a code

11
00:00:42,020 --> 00:00:45,230
editor, and I would prefer that you should have a voice code.

12
00:00:45,890 --> 00:00:51,770
But if you don't like this code, you feel like as if it's too heavy for you to run, then you can use

13
00:00:51,770 --> 00:00:56,180
any of the alternative creators which are compatible with like ATM or maybe sublime.

14
00:00:56,690 --> 00:00:59,070
So these are the requisites.

15
00:00:59,090 --> 00:01:00,860
Now let's just start creating it up.

16
00:01:01,250 --> 00:01:05,030
So if you are on a Windows machine or on a Mac, just open up a command prompt or terminal.

17
00:01:06,120 --> 00:01:11,490
Now, as the program suggests, we are good and create React app, followed by the name of.

18
00:01:12,000 --> 00:01:12,360
Right.

19
00:01:12,600 --> 00:01:15,490
So for that purpose, let's just NPCs.

20
00:01:15,990 --> 00:01:21,690
It should be in smarter NPCs create React app, followed by the name of app.

21
00:01:21,960 --> 00:01:24,600
Now, when precautionary measure, I'd like to tell you that.

22
00:01:24,870 --> 00:01:28,160
Just try to have the name of the app in all lowercase.

23
00:01:28,200 --> 00:01:34,500
Don't name the app with a single uppercase letter because according to npm naming restrictions, it

24
00:01:34,500 --> 00:01:35,550
won't just create your app.

25
00:01:35,790 --> 00:01:37,410
So let's animate up.

26
00:01:38,040 --> 00:01:38,610
Maybe.

27
00:01:44,900 --> 00:01:45,680
Emoji search.

28
00:01:48,050 --> 00:01:54,560
And hit enter not is going to take some amount of time based upon the kind of internet connection you

29
00:01:54,560 --> 00:01:54,890
have.

30
00:01:55,550 --> 00:01:56,450
The processing speed.

31
00:01:57,140 --> 00:02:00,800
Now, once it's done, we'll just move into an app and start a barcode editor.

32
00:02:01,100 --> 00:02:03,080
So till it's done, you have to wait.

33
00:02:05,660 --> 00:02:10,400
Now, once your application is complete, something like this might show on your command, prompt or

34
00:02:10,400 --> 00:02:14,960
terminal, and once we get to this point now, it's time to move into an app.

35
00:02:15,380 --> 00:02:20,690
So just seeding the app so you're at Union Territory and put up the name of the app.

36
00:02:20,960 --> 00:02:26,690
So in my case, it's emoji search, so we just put an emoji search if we are done so or any other name,

37
00:02:26,690 --> 00:02:28,640
which if you start to get started.

38
00:02:29,150 --> 00:02:32,450
Now emoji start an emoji search and then hit enter.

39
00:02:32,930 --> 00:02:38,600
So now so now you add in your particular directory of emoji, so it's now will be running the command

40
00:02:38,600 --> 00:02:38,960
called.

41
00:02:39,290 --> 00:02:45,740
Now, since I'm having Vesco installed in my computer, therefore I can just turn this command record

42
00:02:45,740 --> 00:02:50,390
with a space and then a obedient it is going to open the VSCO and instant of our app.

43
00:02:50,690 --> 00:02:52,400
So then just hit enter.

44
00:02:54,730 --> 00:02:58,840
Now it is going to show up our voice code with emojis, so it's loaded.

45
00:03:01,100 --> 00:03:02,600
So now here is that apt.

46
00:03:02,990 --> 00:03:06,100
It is having a. more deals public for so strictly.

47
00:03:06,770 --> 00:03:12,860
So just close this country and we'll open up our source for that and we will do our apologies.

48
00:03:19,530 --> 00:03:20,820
Now, this is the default.

49
00:03:23,010 --> 00:03:27,960
This is their default template that we get from create react app utility.

50
00:03:28,320 --> 00:03:34,170
So let's just give it our first run of energy terminal bike control and back take.

51
00:03:35,360 --> 00:03:40,280
Just control and better, it is going to open up a new terminal, you can open up a new terminal by

52
00:03:40,280 --> 00:03:40,760
this tab.

53
00:03:41,060 --> 00:03:42,950
Just click on it and select new terminal.

54
00:03:44,270 --> 00:03:46,840
Now, as you might recall, what was our purpose?

55
00:03:46,850 --> 00:03:47,900
What was our command?

56
00:03:48,110 --> 00:03:51,350
Next come is and start to run our application, right?

57
00:03:51,650 --> 00:03:56,090
So let's just move back into our core data, and that's what we'll do.

58
00:03:58,780 --> 00:04:03,400
So now I'll be starting up our first direct application, so if this is what appears on your screen,

59
00:04:03,400 --> 00:04:05,590
then just and PM start to come on.

60
00:04:11,150 --> 00:04:15,590
Hit enter, and it is going to take some time to compile application, and once it's done, it is going

61
00:04:15,590 --> 00:04:17,970
up to show up on your default browser.

62
00:04:17,990 --> 00:04:21,110
So now what we see out here is our default React application.

63
00:04:21,590 --> 00:04:25,970
You can see a spinning React logo and a link to their docs.

64
00:04:26,330 --> 00:04:27,780
So this is what our objection is.

65
00:04:27,800 --> 00:04:30,110
So now after this, we will be starting up an application.

66
00:04:30,500 --> 00:04:35,510
Now, in order to close this over, all you need to do is move into your console and head control to

67
00:04:35,510 --> 00:04:39,590
see and then apps, and this is going to close up your server.

68
00:04:40,160 --> 00:04:41,270
So now let's get started.