Need help with create-react-app-parcel?
Click the β€œchat” button below for chat support from the developer who created it, or find similar developers for support.


Create react apps with parcel instead of webpack cos why not

417 Stars 29 Forks 95 Commits 3 Opened issues

Services available

Need anything else?

Create React App Parcel πŸ’©

create react apps with parcel instead of webpack cos why not

Preconfigured Features that come with your Parcel setup:

  • babel-preset-react-app so you can use the exact same JS features that come with create-react-app (eg public class fields)
  • improved
    to show off the babel preset features (click on the React logo!)
  • serviceWorker available but off by default (similar to the coming create-react-app 2.0 setup)
  • preconfigured build setup based on the ParcelJS API
  • nice eject experience that doesnt saddle you with a million webpack plugins
  • as far as possible, same DX as create-react-app (eg checks if you use
    , environment variables all the same)
    • in particular it's a fork of create-react-app v2.0 so you also get features like babel-plugin-macros for free! πŸ”₯

Using C.R.A.P.

npx create-react-app-parcel my-app

or install it:

npm i -g create-react-app-parcel

crap my-app

cd my-app yarn start

and presto! (try clicking the react icon)


C.R.A.P. structure

You will have a very simple folder structure, same as

β”œβ”€β”€ node_modules
β”œβ”€β”€ package.json
β”œβ”€β”€ .gitignore
β”œβ”€β”€ public
β”‚   └── favicon.ico
β”‚   └── index.html
β”‚   └── manifest.json
└── src
    └── App.css
    └── App.js
    └── App.test.js
    └── index.css
    └── index.js
    └── logo.svg
    └── registerServiceWorker.js

No configuration or complicated folder structures, just the files you need to build your app.

API guide

npm start
yarn start

Runs the app in development mode.
Open http://localhost:1234 to view it in the browser.

The page will automatically reload if you make changes to the code.
You will see the build errors and lint warnings in the console.

npm test
yarn test

⚠️ warning: this functionality is untested for now

npm run build
yarn build

Builds the app for production to the

It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

Your app is ready to be deployed.

yarn eject

ejects you out of this shiznit like so

How this was made

Check out the slide deck at and Also check out the talk video here!

creating CRAP


We'd love to have your helping hand on

! Ping me on twitter @assuncaocharles to discuss or file an issue, this is super new


We are grateful to the authors of existing related projects for their ideas and collaboration:


Create React App Parcel is open source software licensed as MIT.

Official Emoji

of course it's the πŸ’©


There's this dinky little me-too project called create-react-app, send them some love, who knows they could be big someday.

Also for Typescript users a custom script exists:

crap my-ts-app --scripts-version=create-react-app-parcel-typescript

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.