Create a React App in Under 5 Minutes with Vite
April 1, 2023
Read on Medium- web-development
- vitejs
- react
- javascript
- reactjs
My main reason for choosing to develop with Vite over create-react-app is how fast it is to install and start building your app. Installing with CRA feels like the GTA 5 loading screen. Vite is essentially a lightweight development environment that lets you quickly develop in React and I’ll go over the basics here to get your project started.
Assuming you already have Node.js installed, if not install here, you’ll first need to install Vite:
npm install -g viteNext you can create a new React project with Vite with:
npm create vite@latestYou will be asked to enter a project name, followed by what framework where you can select React, then either JavaScript or TypeScript are okay.
Now change directories into the newly created app, like my-react-app and install dependencies:
cd my-react-app
npm installFinally you can start the development server and click the generated link to see your app in the browser.
npm run dev
Another benefit to developing with React using Vite is the reduced disk space, which really helps when you have many projects that you’ve forgotten about.
Thanks for reading! I’m a full-stack developer specializing in React, TypeScript, and Web3 technologies.
Check out more of my work at mrmendoza.dev
Find my open-source projects on GitHub
Connect with me on LinkedIn
Let me know if this article was helpful or anything you’d like to see next.