README-zh.md

React-Mobx Zhihu Daily

DEMO

Redux实现

英文🇬🇧

一个React+Mobx版知乎日报 所有API均来自网络（若涉及侵权，请及时联系我删除） _你觉得好就给个 Star 或者 Watch 吧，不要 Fork.

技术栈

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

如何使用

• 安装 npm install(yarn)
• 启动 npm start
• 构建 npm run build

目录结构

├─config   //构建配置
├─src
│  ├─assets  //静态资源
│  │  ├─img
│  │  └─styles
│  ├─compontens //组建
│  ├─config //配置�文件
│  ├─routes //路由
│  ├─store //store
│  └─utils //工具函数
└─build //发布目录

API

本应用调用了开源的「知乎日报 API」，具体可参考官方文档，传送门>>

数据获取

• 采用Yahoo跨域访问代理

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

如何使用 Mobx（Decorators）

我使用了create-react-app脚手架创建应用。

你可以添加 transform-decorators-legacy 到你的 node_modules/react-scripts/config/babel.dev.js 和 babel.prod.js,代码如下:

• 添加下面的代码到 presets:

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

• 添加下面的代码到 plugins 的第一行:

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