妙味课堂 Redux 精品先导教程

以下内容为视频作者笔述:

为什么我们要用 redux?如果我们只维护一个视图,基本上使用原生的 JS 就能搞定,如果想提高点效率可能再加上一个jQuery,这个时候你只要处理好逻辑基本就可以了。

但是当一个 web 应用更加复杂的时候,特别是面对一个复杂的单页应用时,你需要管理各种复杂的状态,这些状态可能是数据的状态,比如服务器返回的数据或本地的数据,也可能是 UI 状态,比如一个单选框是不是勾选的状态等等.

你要管理这些状态的变化是非常困难的。它只着眼于状态维护,也就是管理数据,它不会做出动作让视图变化。

所以 redux 是单独使用的,从这个角度来说它跟 react 是没有什么关系的。但我们为什么老是把 react 和 redux 合起来一起说呢?我们不妨先说说 React:

React 就是把某一份状态(数据)映射到页面上,它更多的是跟视图打交道,但是状态管理这部分交给你来解决,而 redux 恰恰是可以弥补这一块儿的,它可以帮你管理状态.

就相当于两个东西在各自领域里都能做得很好,但是一旦把他们结合起来,就有种合体了的感觉,就进化成了另一个东西,那玩意儿特别的厉害。

视频源码:

本套教程是 redux 的先导课程,侧重点在于熟悉 redux 的 API,以及了解它的设计理念。

我们会从简单入手,了解 redux 的整个工作流程。接着使用 dom 操作和使用 redux 这种基于数据映射的方式写一个计数器,对比他们的不同。然后是一些 redux 相关概念和使用技巧,之后我们会让 react 和 redux 连接起来。
首先是手动的连接,先去体会 react 和 redux 的连接过程,接着我们会使用 react-redux 这个库来连接,看看要注意的点,使用 react-redux 才是他们连接的正确打开方式。

计数器案例:

课程的最后,我们会有一个练习,想要完成这个练习,你需要让 react 和 redux 是有更多的配合。如果你能够把这个练习完整的做出来,你讲会对 redux 这种统一状态管理的库,有更好的理解。如果在做练习的过程中,遇到相关问题,可以到社区来给我提问。

好啦,关于课程的介绍就先说道这里了,如果想了解更多的课程内容,那就赶快来观看这套视频吧。


PC 端学习地址:http://2017.miaov.com/

移动端学习地址:


Redux 先导教程 — 课程目录

  1. 1-初识 Redux
  2. 2-基本概念
  3. 3.1-做一个计数器-dom 版本
  4. 3.2-做一个计数器-redux 版本
  5. 4-action 创建函数
  6. 5-Redux-chunk 中间件
  7. 6-combineReducers
  8. 7-React 手动连接
  9. 8-使用 react-redux 连接
  10. 9-练习


妙味课堂“前端开发课程”报名通道:

QQ:2852509866、2852509867、2852509868
TEL:010-57269690
在线时间:周一至周五 9 : 30-18 : 00 周六至周日 10 : 00-17 : 00

妙味网友
请登录后留言,请登录注册