When working a new React project, there are a lot of frameworks / bundlers that we can choose:

create-react-app ,

NextJS ,

Parcel ,

Vite ,

astro

and many others.

Here I only want to focus on comparable tools: I'll only look into frameworks to build a React single page app.

As I haven't used Vite that much, I'll only compare create-react-app and Parcel.

CRA

Create React App is one of the first tools released to manage a React SPA. It's maintained by Facebook and the open source community.

Pros

It comes with a long of tools out of the box:

a seamless webpack & babel config,

a test runner,

an ESLint integration (integrated with an overlay),

TypeScript / Flow,

Fast Refresh,

CSS modules / SASS,

web vitals,

and many other good things out of the box.

It's also the default template proposed by Code Sandbox when starting a new React Project.

Cons

The first drawback is related to its primary advantage: it provides out of the box configuration for most tools.…