How to Create React App With Vite
You can use Vite to create a React project.
Vite is a build tool that is gaining some popularity in the web development space.
With Vite, you can create frontend project in React, Vue, Preact, Svelte, Lit, and Vanilla Javascript.
Vite is promising a better development experience for developers.
Creating React App Using Vite
To create your first React app with Vite, you need:
- Node.js
- npm version 6 and above
1. NPM method
Check your npm version by running npm -v or npm --version in the terminal.
If you have npm version 6, you can create your React app by running:
npm create vite@latest my-vue-app --template react
For npm version 7 and above, run:
npm create vite@latest my-vue-app -- --template react
Note the extra extra double-dash. It is required.
2. Yarn Method
You can also setup a Vite React project using Yarn. In your commandline tool, run:
yarn create vite my-vue-app --template react
my-vue-app is the name of your react app. You can change my-vue-app to any name you want.
You can also create a React app:
