React + Vite quick start

I convinced my class at Tech Talent South to use Vite instead of create-react-app. These are some notes I wrote to help my instructor, TA, and classmates start using Vite.

---

Single command quick start (Windows)

(These instructions may work for non-Windows computers, but it didn't work for at least one of my classmates who used Linux. You can always look at the official Vite documentation for more details.)

Run

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

Navigate to your project and install dependencies via

cd my-vue-app
npm i

Run your app with

npm run dev

For more info, check out the docs or Evan You's 14 minute demo video.

Multiple command quick start

Run

npm init vite@latest

and select the options you want.

Links

📝 Docs

🎥 Demo video

👥 Why ES modules?

Notes

👀Replacing create-react-app with Vite👀

Tips:

• Use .jsx files instead of .js files unless you're writing pure JavaScript.

---

Banner source: 🎥 きゅうくらりん / いよわ feat.可不（Kyu-kurarin / Iyowa feat.Kafu）

Article source: 🐙🐱 Ai-Yukino/dev.to