Vite 2.0 Crash Course | Super Fast Build Tool for JavaScript, React, Vue, Svelte, & Lit (2021)

Channel:

codeSTACKr

Subscribers:

296,000

Published on April 24, 2021 2:00:05 PM ● Video Link: https://www.youtube.com/watch?v=LQQ3CR2JTX8

Duration: 15:36

125,424 views

4,304

🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾🤝🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr

I'm never going to use create-react-app again!
In this Crash Course, you're going to learn what Vite is, how to use it, and why you need to be using it.

It's pronounced Vite /vit/. It's a French word meaning quickly or fast.

Vite 2.0 is the next generation in frontend tooling!
💡 Instant Server Start
⚡ Lightning Fast Hot Module Replacement
🛠️ Rich Feature Support
📦 Optimized Builds using Rollup
🔩 Universal Plugins
🔑 Fully Typed APIs
🧪 Experimental Server-Side Rendering

Vite was created by Evan You the inventor of Vue. But this is not a Vue only tool. Vite can be used for React, Svelte, Lit, Vue, and vanilla JavaScript!

This is going to be my new "Go-To" development and build tool because it does it all and is so FAST!
_____________________________________

💻 Visit CodingPhase and get unlimited access to programming courses plus 20% 0FF!!
https://www.codingphase.com/codestackr

🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________

⏱️ Timestamps ⏱️
00:00 - Intro
01:03 - Why Vite?
02:37 - What About Snowpack?
04:53 - Basic JavaScript Build
07:00 - Vite React vs create-react-app
13:19 - Deploy Your Vite Project Easy!
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

👀 Watch Next:
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #Vite #React