Skip to content

Latest commit

 

History

History
38 lines (24 loc) · 1.14 KB

create-a-react-app-using-vite.md

File metadata and controls

38 lines (24 loc) · 1.14 KB
Raw

Create A React App Using Vite

Category: React

Why should you use Vite?

Vite is a build tool which provides a performant development experience including instant server start, Hot Module Replacement (HMR), and a fast bundler called esbuild.

Compared to React apps that are scaffolded using CRA, Vite can be up to one third of the size on disk and because it uses the browser-native ES (ECMAScript) modules for linking to JavaScript files it does not need to rebuild the entire bundle after each file change.

Note: Vite requires Node.js versions 14.18+ or 16+.

Create a React app

You can create a React app using Vite through the interactive mode or by specifying all options.

Create a React app using interactive mode:

yarn create vite

Create a React app with TypeScript support using Vite as follows:

yarn create vite my-project --template react-ts

Change to the project directory and run:

cd my-project
yarn
yarn dev

Browse to the app on the default Vite port at http://localhost:5173

See Your first Vite project for more details.