In this post I will show you how to set up a new React project from scratch using Vite.

If you haven’t heard of it yet, Vite is a new build tool for frontend apps (created by Evan You, the creator of Vue.js). It works much like Webpack and Parcel but faster (“vite” means fast in French). Vite uses the amazing esbuild behind the scenes. esbuild is a JavaScript (and TypeScript) bundler written in Golang which is one of the reason it’s so fast.

Often when building a new project with React it is recommended to start with create-react-app. But now that Vite is here, you can easily set up a new project from scratch yourself, because Vite is very simple to configure.

Before we start, you will need to install Node.js and NPM (bundled with Node.js) if you haven’t already. I will be using NPM in this guide but if you prefer Yarn or PNPM, feel free to use it.

#vite #react #vue