Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Vite Crash Course - Frontend Build Tool

via freeCodeCamp

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

Reviews

Start your review of Vite Crash Course - Frontend Build Tool

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.