Vite 2.0 Crash Course | Super Fast Build Tool for JavaScript, React, Vue, Svelte, & Lit (2021)
🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾🤝🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
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
🤖 Get FREE AI-powered code completions from Kite: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________
🛠️ 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
source