Content
11 Lessons • 0 Quizzes • 0 Challenges
了解 Redux（理论）
- 1
简介
- 2
什么是Redux？
- 3
为什么使用 Redux？
- 4
向5岁小孩解释Redux
- 5
Redux 仓库
- 6
Redux 中的 Actions
- 7
Redux Reducer
- 8
Redux 的强大之处
你的第一个 Redux 应用程序
- 1
简介
- 2
React Hello World 应用的结构
- 3
重温你对 Redux 的知识
- 4
创建一个 Redux STORE
- 5
Store 与 Reducer 的关系
- 6
Reducer
- 7
回到重构过程
- 8
createStore 的第二个参数
- 9
可能的陷阱
- 10
结论与总结
- 11
介绍练习题
- 12
练习：用户卡片
- 13
练习题解答
构建Skypey：一个更高级的示例
- 1
简介
- 2
规划应用程序
- 3
确定初始应用布局：奠定基础
- 4
实现初始应用布局：侧边栏
- 5
实现初始应用布局：主界面
理解通过操作进行的状态更新
- 1
简介
- 2
什么是 Redux Action？
- 3
在 Reducer 中处理对操作的响应
- 4
分析应用程序中的操作
- 5
介绍 Action Creator
- 6
关于 Actions 的测验
- 7
整合所有内容：索引文件
- 8
整合所有内容：按钮
- 9
整合所有内容：处理按钮点击事件
- 10
派发的动作。这个东西能用吗？
- 11
让 Reducer 更新状态
- 12
从 Reducer 中返回状态
- 13
订阅 Store 更新
- 14
关于使用 store.subscribe() 的重要说明
- 15
即将完成
- 16
结论与总结
- 17
Redux 理论小测验
- 18
练习1：银行应用程序
- 19
练习解答：银行应用程序
- 20
练习2：时间计数器
- 21
练习解答：时间计数器
构建Skypey：设计状态对象
- 1
状态对象
- 2
识别关系
- 3
重构状态对象
- 4
消息字段
- 5
使用对象而非数组的主要问题
- 6
保持数组中的顺序
- 7
关于状态对象设计的回顾
- 8
构建用户列表
- 9
配置 Store
- 10
记录状态对象
- 11
通过 Props 传递侧边栏数据
构建Skypey：用户组件
- 1
构建用户组件
- 2
不必逐层传递属性
- 3
容器和组件文件夹结构
- 4
从 Reducer 重构以设置初始状态
- 5
Reducer 的组合
- 6
将 Skypey 重构为使用多个 Reducer
- 7
重新审视 Reducer 的组合
构建Skypey：空白屏幕
- 1
活跃用户
- 2
传递属性（Props）
- 3
JavaScript 实现
- 4
CSS 实现
构建Skypey：聊天窗口
- 1
渲染当前活跃用户
- 2
Action Dispatch
- 3
在 reducer 中处理派发的 action
- 4
将聊天窗口拆分为更小的组件
构建Skypey：头部和聊天窗口
- 1
头部组件
- 2
构建头部组件
- 3
聊天组件
- 4
聊天功能的 JavaScript 实现
- 5
聊天功能实现详解
- 6
美化聊天界面
- 7
练习：删除联系人
- 8
练习题解答
构建Skypey：消息功能
- 1
消息组件
- 2
构建消息输入框
- 3
消息输入组件的最终完善
- 4
提交表单
- 5
更新消息状态
- 6
在状态中保留消息
- 7
练习：清空消息字段
Skypey 应用
- 1
调整：自动滚动到底部
- 2
结论与总结
- 3
练习：编辑和删除消息
- 4
练习题解答
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:Anonymous User