React Webpack Starter

A minimal boilerplate for creating React.js Applications with webpack5, babel, ES6+, Eslint & Prettier.

Getting started

Clone this project to any folder on your local machine.

git clone https://github.com/junaid-home/react-webpack-starter.git <YOUR_PROJECT_NAME>

Navigate into the folder name specified in the provious step.

cd <YOUR_PROJECT_NAME>

Installing dependencies

npm install

For those who use yarn

yarn install

Running the App in development

In order to run webpack development server run

npm start

or

yarn start

This command would initialize webpack development server. The app will automatically reload if you change any of the source files.

Note: by default webpack development server runs on port 3000, in order to change this default behaviour set PORT Environment Variable to any number you want your development server to run on.

Linting

npm run lint

or

yarn lint

Prettifying

npm run format

or

yarn format

Bundling For Production

For production build, run

npm run build

or

yarn build

This would create a production optimized version of Your Application in the root of your project directory.

Features

✅ ES6 Modules

✅ CSS Support

✅ File/Image imports

✅ Web App Manifest

✅ Lazy Loading

✅ Local Development Server

✅ Fast Reloading in Development

✅ Source Maps

✅ Production Optimizations

✅ Code Spliting

✅ Linting

✅ Prettifying

❌ SASS Support

License

MIT