0:00 Hey everyone. So in this lecture, I'm really excited to go over the 0:03 changes that we've made to our UI project. 0:07 Now, there are some pretty breaking changes 0:09 that have been introduced, mostly 0:11 because the original tool that we used to initialize our 0:14 project, Create React App, is no longer officially 0:18 supported. And so in this lecture, we're actually gonna walk through the 0:22 steps to convert our Create React App application 0:26 into one that is using Vite. Now, Vite is a blazing 0:29 fast front-end build tool powering the next generation of web applications. 0:34 So it is extremely fast 0:36 and has a ton of useful features out of the box to allow 0:40 us to build a React application. 0:43 So in this lecture, I wanna go over the changes 0:45 that we've made to actually 0:47 introduce and support this. So the first major one that we've done, of 0:51 course, is updating our dependencies themself. 0:54 So I will leave a link below where you can get access to the commit we made in 0:58 this video, 1:01 and so you can get access to all of the code changes and even copy them for 1:05 yourself. Of course, the latest version of the repository will 1:08 have these 1:08 changes as well. 1:11 And so here in the package.json, we've gone ahead and upgraded every 1:14 dependency to 1:15 the latest version, as well as introduced some additional 1:18 dependencies, mostly around our dev dependencies for 1:22 Vite. 1:23 So notice now we have Vite and vitest, two tools from 1:27 Vite, and also importantly, we've updated our scripts 1:30 object. So previously in the scripts object, 1:33 we used 1:34 React scripts to execute, build, and test in starting 1:38 our server, but now we're gonna use Vite directly. 1:41 So here for the dev server to start, you can see we're still 1:45 concurrently running 1:47 Yarn Codegen, but we're also running the Vite dev server
The rest of the transcript is for members.
Sign in 