lwl8855 / react-dianping

react大众点评,根据网上已有代码进行结构和代码优化,适合新人入门

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

说明

根据教程React高级实战 打造大众点评 WebApp,学习react。 并根据自己的理解优化代码。 具体改造如下:

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

学习过程中总结了几篇react相关文章, 不足之处还望批评指正

安装

  1. yarn # 安装依赖
  2. yarn mock # 先启动后台服务器, 提供API,供模拟数据
  3. yarn start # 启动前台程序

image

TODO

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

About

react大众点评,根据网上已有代码进行结构和代码优化,适合新人入门


Languages

Language:JavaScript 87.9%Language:Stylus 10.9%Language:HTML 1.3%