🚀🚀🚀
Minimalistic boilerplate to start developing React JS applications in just few seconds easily with the included tooling. Using Webpack 3, Mobx 3, Babel 6.
🚀🚀🚀
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
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
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.
🍟 MIT