Webpack React Boilerplate

Minimalistic React, Webpack boilerplate with babel and webpack-dev-server. 😃

This repo is a boilerplate for React-Babel-Webpack project. You could use it as a base to build your own web app.

Start your next react project in seconds 🚀

How To Use 📖

First, Download or clone the repo.

$ git clone https://github.com/junaid404/webpack-react-boilerplate.git <App name>

Second, delete the old .git history and initialize new history.

$ rm -rf .git
$ git init

Third, install the dependencies.

$ npm install
# or
$ yarn install

Then, launch the boilerplate app.

$ npm start
# or
$ yarn start

Now you should see a new browser window/tab opening and a title of "React Webpack Boilerplate" in http://127.0.0.1:3000.

Last, You need update package.json and modify fields like name, version, description, author, license and so on to fit your project.

From there, you start to develop your own code in the app directory. When you finish coding, use

npm run build
# or
yarn build

💡 Project Features Checklist

• Modern ES6 Features
• Live Server For Development
• Reload on File Changes
• Project Build for Production
• Assests Loader (images/fonts/files) etc
• CSS Support
• (Scss/Sass) support
• Roboto Font
• Linter Configuration (ESLint), Forced Airbnb standards
• Code Formater (prettier)
• CSS Modules
• CSS in JS
• Code Splitting (multiple bundle files)
• Writing Tests

License

MIT