Giter VIP home page Giter VIP logo

react-dianping's Introduction

说明

根据教程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布局

react-dianping's People

Contributors

mafeifan avatar finley-fuelx avatar

Stargazers

ZWP avatar Liang.wang avatar 昭宏李 avatar  avatar  avatar gloria avatar Hans Zhang avatar dbl520 avatar nuckyLee avatar  avatar  avatar 执迷 avatar chromeX avatar 土坷垃 avatar Li qing avatar 何文军 avatar aoyhwsl avatar Jie Li avatar 易墨 avatar  avatar  avatar hulihutu avatar spfhi avatar Landon avatar Yan Huai avatar Jack avatar  avatar Wang Yanan avatar 壳壳中的宇宙 avatar Liang avatar  avatar  avatar 136ada_xxl avatar Mr·zhang avatar alittlefish avatar fjbb avatar  avatar  avatar 瓜皮 avatar 彭苑 avatar John Trump avatar  avatar  avatar qingkong avatar  avatar  avatar  avatar

Watchers

James Cloos avatar  avatar Saihong(Frank) Xiao avatar  avatar

react-dianping's Issues

关于reducer问题

你好。打扰了。
本人新手刚学习react
看了楼主的代码,shop.js这个reducer。
其中,

   case actionTypes.SHOP_ADD:
      state.unshift(action.data)
      return state

看官方资料,reducer要求是纯函数,不能修改state,
这处代码没问题吗?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.