Learn AI, Data Science & Business — Earn Certificates That Get You Hired
PowerBI Data Analyst - Create visualizations and dashboards from scratch
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
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