React-Mobx Zhihu Daily

DEMO

Redux come true

中文:cn:

If something doesn’t work, please file an issue.

Tech used

• [x] React v15
• [x] Mobx v2.5
• [x] Mobx-react
• [x] React-router v4
• [x] mobx-react-router v4
• [x] antd v2
• [x] react-scripts
• [x] create-react-app
• ……

How to run

• Install: npm install(yarn)
• Run: npm start Then open http://localhost:3000 to see the app.
• Build: npm run build

Tree

├─config
├─src
│  ├─assets
│  │  ├─img
│  │  └─styles
│  ├─compontens
│  ├─config
│  ├─routes
│  ├─store
│  └─utils
└─build

API

This app ues the [ZhiHu Daily API], go to see the API.

Get data

• Use the Yahoo service cross-domain

YAHOO:'https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20json%20where%20url=%22',
YAHOO_SUFFIX:'%22&format=json'

How to use Mobx（Decorators）

I use the creat-react-app to creat my app.

You can add the transform-decorators-legacy yourself in node_modules/react-scripts/config/babel.dev.js and babel.prod.js,like this:

• add this code into presets:

require.resolve('babel-preset-stage-1'),
require.resolve('babel-preset-es2015')

• add this code into plugins first line:

require.resolve('babel-plugin-transform-decorators-legacy'),