Do you know how to easily start a React project?

Last updated by Tino Liu [SSW] 8 months ago.See history

The old standard way to start a React project, create-react-app is no longer actively supported by Facebook, and has been removed from the official developer documentation ( Therefore, it is not the best choice for starting a client-side rendered React app.


Vite is a reliable frontend build tool for building fast and optimised frontend web apps that has easy integration with a wide range of frontend web frameworks, and built-in Typescript support.

Vite is much faster than using create-react-app, mainly because Vite does not use Webpack for bundling assets. It instead uses esbuild and Rollup, which are much faster and more modern tools for building great frontend web apps.

new create react app
Bad example: Using the create-react-app npm package

Good example: Use Vite to generate a react-ts project

Note: Vite requires Node version 14.18+ or 16+.

  1. Run:
npm create vite@latest 
  1. Enter the name of your project
  2. Select "React" from the list of frameworks

vite pick
Figure: The framework options with Vite

  1. Then, select the "TypeScript" variant from the list

vite pick typescript
Figure: The variant options with Vite

  1. All done! Now navigate into the directory and run the app with the following commands:
npm install 
npm run dev


As per the official React docs (, the recommended way to start a new React project is with NextJS.

It is recommended in NextJS official docs ( to start a new NextJS project by using:

npx create-next-app@latest

Developers can then manually choose how they want to set up their NextJS app.


As per the Gatsby docs (, the most effective approach to start a new Gatsby site is by executing the following command:

npm init gatsby

Through the provided prompts, you can also select your preferred language (JavaScript or TypeScript), CMS, and styling system that you intend to use.

We open source. Powered by GitHub