🚀🚀🚀

Minimalistic boilerplate to start developing React JS applications in just few seconds easily with the included tooling. Using Webpack 3, Mobx 3, Babel 6.

🚀🚀🚀

Table of Contents

• Installation
• Folder Structure
• Commands
• License

Installation

To start using this boilerplate, all what you have to do is copy and paste the following commands in your terminal.

> git clone https://github.com/moaali/reactinator.git > cd reactinator > npm install > npm run dev 

Folder Structure

This boilerplate structure is inspired by Ryan Florence and Alexis Mangin ideas of react app structure.

app ├── components │ ├── Layout │ │ ├── index.jsx │ │ ├── index.scss │ │ └── ... │ │ │ ├── Animation
│ └── ... │
├── screens │ ├── Index │ │ ├── components │ │ │ ├── Content │ │ │ └── ... │ │ │ │ │ ├── shared │ │ ├── index.jsx │ │ ├── index.scss │ │ └── ... │ │ │ ├── 404 │ └── ... │ ├── shared │ ├── config │ │ ├── routes.jsx │ │ └── ... │ │ │ ├── services │ ├── static │ │ ├── favicon.ico │ │ └── ... │ │ │ ├── stores │ │ ├── clientStore.js
│ │ ├── index.js
│ │ └── ... │ │ │ ├── styles │ │ ├── settings │ │ ├── components │ │ ├── ... │ │ └── index.scss │ └── ... │ ├── index.html └── index.jsx 

Commands

Below are the available terminal commands used by this boilerplate:

npm start : Running into development mode but without fancy webpack dashboard plugin.
npm run dev : Running into development mode with fancy webpack dashboard plugin ebabled.
npm run clean : Delete the production folder before running the build command below.
npm run build : Produce the production version of the app.
npm run preview : Run server on the built production folder just for client preview.
npm run lint:js : Linting JavaScript files.
npm run lint:scss : test Linting Sass files.
npm run lint : Linting both JavaScript & Sass files.

License

🍟 MIT