Thread by @version0chiro

✌Why you need Vite: Swiss army knife of JS

🧵👇

🌴The Problem

-If you are a JavaScript developer one point or another you must have stuck with the question, "How do I start it?"

-Modern JavaScript framework has great CLI tools to make this easier but learning all of them can be a trouble for your brain

-This heavy amount of bootstrapped code from libraries don't come with their flaws, one of the biggest being exponentially increased JS to deal with on development

-This also increases the time it takes you code to start the server when on dev mode, this can hamper the dev time

-The source code of your applications also being in non-plain JavaScript requires high amount of transformations, and this should also be divided smartly to avoid unnecessary source code

-So what's the solution? @vite_js it is people ✌

✌ What is Vite? ⚡

-Firstly, Vite can provide you template sets for various tech stacks, these include:

-vanilla
-vanilla-ts
-vue
-vue-ts
-react
-react-ts
-preact
-preact-ts
-lit
-lit-ts
-svelte
-svelte-ts

-Allowing you to relax and not mug up different CLI tools

-Want a Vue app? Vite it

"npm init vite@latest my-vue-app --template vue"

-This will bundle your code with roll up, pre-configured to output highly optimized static assets for production

-It will also give you a dev server that provides rich feature enhancements

-These features include but are not limited to:

1. Dependency Resolving and Pre-Building
2. Hot Module Replacement
3. TypeScript 💙
4. Vue : Vue is the main reason I love vite so ⚡
5. JSX: Right out of box support
6. Automatic CSS injecting in <style>

And so much more!

✌ So What are you waiting for? Try Vite today

You will thank me later ⚡

vitejs.dev