React搭建百度前端技术学院习题演示SPA

百度前端技术学院提供了很多前端编程练习题,大概看了一些,觉得对于初学者是有很大帮助的,非初学者也可以学习巩固一下基础。毕竟书上的练习题可能比较乏味。

在离职时间内,时间充裕的时候搭建了该SPA,无聊的时候刷刷题。访问地址:http://ife.giscafer.com

PC端预览

Github源码:https://github.com/giscafer/ife-course-demo

React 与 Redux 实践 —— 城市筛选面板

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。Redux的出现,可以让你构建一致化的应用,运行与不同的环境。

要点

  • 应用中所有的 state 都以一个对象树的形式存储在一个单一的 store 中;
  • 唯一改变 store 的办法是触发 action,一个描述发生什么的对象;
  • 为了描述 action 如何改变 state 树,你需要编写 reducers;
  • 为了UI组件 components 状态无关,你需要编写 containers 来负责管理数据和业务逻辑。

所以,关于组件部分,明智的做法是在最外层上使用 Redux ,然后通过 Props 方式传值给内部子组件,使得components UI组件仅仅是pure render(纯展示)

继续阅读全文 »