xuleileo/react-jianshu

React Demo

JavaScript

Readme for English

Technology stack

axios@0.18.0 +
immutable@3.8.2 +
react@16.5.2 +
react-dom@16.5.2 +
react-loadable@5.5.0 +
react-redux@5.0.7 +
react-router@4.3.1 +
react-router-dom@4.3.1 +
react-scripts@.0.5 +
react-transition-group@2.5.0 +
redux@4.0.1 +
redux-devtools-extension@2.13.5 +
redux-immutable@4.0.0 +
redux-thunk@2.3.0 +
styled-components@4.0.

Project introduce

git clone https://github.com/xuleileo/react-jianshu.git

cd react-jianshu

npm install/cnpm install

npm run start

if you want to publish your app, use the following line of commands

npm run build

Reatures list

[√] project are loaded in an on-demand load mode
[√] index
[√] detail
[√] generalize
[√] search box with activity
[√] list to load more
[√] listen to scroll and go back to the top
[√] http request with axios
[√] /public/api/xxx.json simulate the back-end interface
[√] react buckets

中文readme

项目技术栈

axios@0.18.0 +
immutable@3.8.2 +
react@16.5.2 +
react-dom@16.5.2 +
react-loadable@5.5.0 +
react-redux@5.0.7 +
react-router@4.3.1 +
react-router-dom@4.3.1 +
react-scripts@.0.5 +
react-transition-group@2.5.0 +
redux@4.0.1 +
redux-devtools-extension@2.13.5 +
redux-immutable@4.0.0 +
redux-thunk@2.3.0 +
styled-components@4.0.

项目运行

git clone https://github.com/xuleileo/react-jianshu.git

cd react-jianshu

npm install/cnpm install

npm run start

最后的构建命令

npm run build (打包，部署)

功能一览

[√] 项目按照按需加载模式加载
[√] 简书首页
[√] 详情页
[√] 关注推广页
[√] 搜索框动效
[√] 列表加载更多
[√] 监听scroll,返回顶部
[√] axios异步请求接口
[√] /public/api/下载json文件，模拟后端返回接口
[√] redux完整示范