alexvarlamov / react-mobx-typescript

React-Mobx-TypeScript

Versions starter

• Single page
• Server side (Isomorphic Render)

---

Getting Started Single

Requirement:

• NodeJS 8+
• Yarn 1.2.0+

$ yarn install
$ yarn run dev-server-without-backend

Watching assets

$ yarn install
$ yarn run assets-watch

Visit http://localhost:3000/.

Getting Started with Server Side

Requirement:

• NodeJS 8+
• Yarn 1.2.0+

$ yarn install
$ yarn run backend-watch

$ yarn run run-backend

$ yarn run dev-server

Visit http://localhost:3000/. Visit only backend side render http://localhost:1337/

Built using

For styles

• Webpack v3.8.1
• SCSS + sass-loader v6.0.6
• autoprefixer v7.1.5
• cssnano v3.10.0 (only for production environment)

For frontend side

• TypeScript v2.5.3 + awesome-typescript-loader v3.2.3
• React v16.0.0
• mobx v3.3.1 + mobx-react v4.3.3
• Webpack v3.8.1

Other libraries for frontend

• react-router v4.2.0
• mobx-react-router v4.0.1
• axios v0.16.2
• history v4.7.2
• picturefill v3.0.2

For backend side

• TypeScript v2.5.3 + awesome-typescript-loader v3.2.3
• React v16.0.0
• Koa v2.3.0
• koa-router v7.2.1
• koa-body v2.5.0
• pino v4.7.2
• cookie v0.3.1

For SVG

• svg-sprite-loader v0.0.7
• gulp-svgo v1.2.5

Babel

• babel-core v6.26.0
• babel-plugin-closure-elimination v1.3.0
• babel-plugin-implicit-return v1.0.1
• babel-plugin-loop-optimizer v1.4.1
• babel-plugin-meaningful-logs v1.0.2
• babel-plugin-transform-async-to-generator v6.24.1
• babel-plugin-transform-decorators-legacy v1.3.4
• babel-plugin-transform-react-constant-elements v6.23.0
• babel-plugin-transform-react-inline-elements v6.22.0
• babel-plugin-transform-react-remove-prop-types v0.4.10
• babel-plugin-transform-react-router-optimize v1.0.2
• babel-plugin-transform-runtime v6.23.0
• babel-polyfill v6.26.0
• babel-preset-env v1.6.1
• babel-preset-es2015 v6.24.1
• babel-preset-node8 v1.2.0
• babel-react-optimize v1.0.1
• babel-preset-stage-0 v6.24.1