Gain a Splash of New Skills - Coursera+ Annual Nearly 45% Off
Get 50% Off Udacity Nanodegrees — Code CC50
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
This 40-minute crash course introduces Vite, a lightning-fast frontend build tool designed to streamline modern web development. Learn how to become a more efficient developer by leveraging Vite's instant startup and immediate change reflection capabilities. Discover how to create React projects with Vite, work with TypeScript, manage environment variables, handle static assets, configure build options, and extend functionality with plugins. Perfect for beginners seeking to enhance their development workflow, the tutorial covers everything from initial setup to production builds, explaining what makes Vite significantly faster than traditional bundlers like Webpack. Follow along with interactive code examples to build high-performance web applications using this powerful alternative to conventional frontend tooling.
Syllabus
- 0:00:00 Welcome
- 0:02:48 Create your first React project with Vite
- 0:06:28 Experience fast development
- 0:12:32 Handle static assets
- 0:17:02 Use environment variables
- 0:21:55 Using Scrimba's built-in environment variables
- 0:22:56 TypeScript development with Vite
- 0:25:27 Build for production
- 0:27:25 Configure with options
- 0:30:12 Extend with plugins
- 0:35:39 Extra: Vite today, Vite tomorrow!
- 0:39:24 Outro
Taught by
freeCodeCamp.org