1
00:00:00,080 --> 00:00:00,550
Okay.

2
00:00:00,590 --> 00:00:06,260
And I guess let's begin our journey by creating a new React app instance, which is going to serve as

3
00:00:06,260 --> 00:00:08,520
the front end of our application.

4
00:00:08,540 --> 00:00:16,309
Now, for the longest time, the Create React App Library used to be a primary tool for quickly setting

5
00:00:16,309 --> 00:00:19,730
up basic structure of React application.

6
00:00:19,790 --> 00:00:28,220
However, a new tool called Vite has quickly gained the popularity as an alternative to create React

7
00:00:28,220 --> 00:00:28,700
app.

8
00:00:28,700 --> 00:00:33,170
And yes, it's pronounced vite, not vite.

9
00:00:33,320 --> 00:00:36,410
And apparently in French it means fast.

10
00:00:36,530 --> 00:00:44,330
The main benefits of vite are following faster development experience efficient bundling.

11
00:00:44,910 --> 00:00:49,110
Flexible configuration and extensible plug in system.

12
00:00:49,750 --> 00:00:55,230
If you want to learn more about benefits of wheat, you can always utilize their docs.

13
00:00:55,240 --> 00:00:56,680
But in short.

14
00:00:57,460 --> 00:01:03,400
The entire dev experience just feels a lot more smoother since we can see the results.

15
00:01:04,150 --> 00:01:05,560
Almost instantly.

16
00:01:05,800 --> 00:01:09,970
Unlike the Create React app, which is a bit slow.

17
00:01:10,240 --> 00:01:18,400
In order to get started with it, you will need to navigate to JS dev again, the URL is dub, dub,

18
00:01:18,400 --> 00:01:23,200
dub beat js dev and look for get started link.