Simple Parcel React Starter - Webpack Version

Very Simple.

VS Code Plugin

Prettier - Code formatter

Eslint

Include

React 16.8.1

React-Dom 16.8.1

Sass 1.17.0

Postcss-Modules 1.4.1

Autoprefixer 9.4.7

Parcel 1.11.0

Babel 7.X and Plugins:

@babel/preset-env

@babel/preset-react

@babel/plugin-proposal-class-properties

@babel/plugin-proposal-export-default-from

BrowsersList

Eslint and Plugins:

eslint

babel-eslint

eslint-plugin-flowtype

eslint-plugin-import

eslint-plugin-jsx-a11y

eslint-plugin-react

Not Include

@babel/plugin-syntax-dynamic-import -Parcel Supported

Jest

CSS Modules Config

Open .postcssrc file.

{
  "modules": true,
  "plugins": {
    "autoprefixer": {
      "grid": true
    }
  }
}

"modules": true -use camelCase classname in scss and js file.

"modules": false - use kebab-case classname as usual.

Download

git clone https://github.com/daimalou/simple-parcel-react-starter
cd simple-parcel-react-starter
yarn or npm i

Dev && Build

yarn dev && yarn build
npm run dev && npm run build

ScreenShot

Resources

Parcel Documentation

Babel Plugins

Configuring ESLint

eslint-config-react-app -Official Eslint Preset - I never tried.

babel-preset-react-app -Official Babel Preset - Issues#2377

License

MIT