Skip to content

Latest commit

 

History

History
47 lines (42 loc) · 1.58 KB

README.md

File metadata and controls

47 lines (42 loc) · 1.58 KB
Raw

React + React Router + MobX boilerplate with a small example app.

Features

  • ES6 on client and server;
  • CSSNext and modules;
  • Hot module reloading;
  • Build server bundle for production;

To start

  • clone https://github.com/osenvosem/react-mobx-boilerplate
  • cd react-mobx-boilerplate
  • npm i
  • npm start — development server on port 8080;

Prepearing for production

  • npm run prod — build all bundles and start in production mode;

Command list

  • npm start — start in development mode;
  • npm start:prod — start in production mode (only after build process);
  • npm run build:all — build server and client bundles for production;
  • npm run build:client — build client bundles;
  • npm run build:server — build server bundle;
  • npm run prod — alias for build:all and start:prod
  • npm run clear:builds — delete all generated bundles;

Structure

app
├── client.js # client entry point
├── modules # parts of an app
│   ├── Notes
│   │   ├── components
│   │   │   ├── AddNote.js
│   │   │   ├── Note.js
│   │   │   └── NoteList.js
│   │   ├── index.js # must export store
│   │   ├── store.js # stores state and actions
│   │   └── styles.css
│   ├── index.js # gathering stores and passing it to component tree
│   └── sharedStyles.css
├── routes.js
└── shared # shared folder available anywhere in the app
    ├── components
    │   └── Header
    └── services