How do you set up React projects?

Madza - Oct 28 '20 - - Dev Community

When it comes to React projects, there are multiple ways to set up your environment. They differ by their features, size, and time required.

First, there is create-react-app. It sets up the project in a minute and you are ready to go. Tho, over the years it has become bloated with too many depending packages. As of October 2020, it's around 165MB.

Another solution would be to use nano-react-app. It's more barebones as it uses zero-config Parcel and offers no eject, no linting, and no service worker. Still around 130MB after the install.

Surely, there is always an option to set up React app manually by installing Babel, Webpack, and other necessary packages for the specific project and then configure everything for your front-end pipeline to work.

Which is your preferred way to set up React projects?

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .