# react-dianping

**Repository Path**: xixi.com/react-dianping

## Basic Information

- **Project Name**: react-dianping
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-07-03
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 说明

根据教程[React高级实战 打造大众点评 WebApp](http://coding.imooc.com/class/99.html)，学习react。
并根据自己的理解优化代码。
具体改造如下：

1. 升级为最新的webpack3, react16, react-redux, react-router4，koa2.3等
1. 支持stylus预处理器
2. 提取封装了列表加载更多等组件
3. 其他目录结构调整和es6写法优化
4. 异步按需加载组件

学习过程中总结了几篇react相关[文章](http://www.jianshu.com/p/9cd7a0dff11f)，
不足之处还望批评指正

## 安装

 1. yarn 安装依赖
 2. yarn mock 启动模拟后台服务器，提供api
 3. yarn start 启动前台程序
 
 ![image](https://github.com/mafeifan/react-dianping/blob/master/screenshot/demo.gif?raw=true)
 
## TODO

* 补充组件树图，有自己解析并生成的工具吗
* 封装loading-spinner等组件
* 改造使用flex布局或者尝试grid布局