Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Your Next App Needs Vite! As a developer, you want efficient dev tools and set up time is often both redundant and inefficient. Vite provides "Next Generation Frontend Tooling" to speed up your project set up time and help get you to the part you like: writing code!

Become a full-stack web dev with Zero To Mastery Courses:
- The Complete Web Developer: https://bit.ly/WebDevMaster
- Master the Coding Interview: https://bit.ly/FAANGInterview
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

Subscribe https://bit.ly/3nGHmNn

Course Updates https://courses.davegray.codes/

Questions - Please post them to my Discord https://discord.gg/neKghyefqh

Buy Me A Coffee https://www.buymeacoffee.com/davegray

Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

Your Next App Project Needs Vite!

(00:00) Intro
(00:18) Welcome
(00:39) Vite - pronounced Veet
(00:58) Install Node.js
(01:28) Create a Project with Vite
(03:51) Exploring the Project Files
(05:57) Create a React + TS Project with Vite
(08:36) Docs: Deployment & Env Variables
(09:47) Overall Verdict for Vite

Tutorial References:
Vite: https://vitejs.dev/
Node.js & npm: https://nodejs.org/

Web Dev Tools:
Chrome Browser: https://www.google.com/chrome/
Visual Studio Code (VS Code): https://code.visualstudio.com/
Live Server VS Code Extension: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Was this introduction to Vite helpful? If so, please share. Let me know your thoughts in the comments.

#vite #web #app