第一个阶段
- Lesson 1 - React.js 简介
- Lesson 2 - 前端组件化(一):从一个简单的例子讲起
- Lesson 3 - 前端组件化(二):优化 DOM 操作
- Lesson 4 - 前端组件化(三):抽象出公共组件类
- Lesson 5 - React.js 基本环境安装
- Lesson 6 - 使用 JSX 描述 UI 信息
- Lesson 7 - 组件的 render 方法
- Lesson 8 - 组件的组合、嵌套和组件树
- Lesson 9 - 事件监听
- Lesson 10 - 组件的 state 和 setState
- Lesson 11 - 配置组件的 props
- Lesson 12 - state vs props
- Lesson 13 - 渲染列表数据
- Lesson 14 - 实战分析:评论功能(一)
- Lesson 15 - 实战分析:评论功能(二)
- Lesson 16 - 实战分析:评论功能(三)
第二个阶段
- Lesson 17 - 前端应用状态管理 —— 状态提升
- Lesson 18 - 挂载阶段的组件生命周期(一)
- Lesson 19 - 挂载阶段的组件生命周期(二)
- Lesson 20 - 更新阶段的组件生命周期
- Lesson 21 - ref 和 React.js 中的 DOM 操作
- Lesson 22 - props.children 和容器类组件
- Lesson 23 - dangerouslySetHTML 和 style 属性
- Lesson 24 - PropTypes 和组件参数验证
- Lesson 25 - 实战分析:评论功能(四)
- Lesson 26 - 实战分析:评论功能(五)
- Lesson 27 - 实战分析:评论功能(六)
第三个阶段
- Lesson 28 - 高阶组件(Higher-Order Components)
- Lesson 29 - React.js 的 context
- Lesson 30 - 动手实现 Redux(一):优雅地修改共享状态
- Lesson 31 - 动手实现 Redux(二):抽离 store 和监控数据变化
- Lesson 32 - 动手实现 Redux(三):纯函数(Pure Function)简介
- Lesson 33 - 动手实现 Redux(四):共享结构的对象提高性能
- Lesson 34 - 动手实现 Redux(五):不要问为什么的 reducer
- Lesson 35 - 动手实现 Redux(六):Redux 总结
- Lesson 36 - 动手实现 React-redux(一):初始化工程
- Lesson 37 - 动手实现 React-redux(二):结合 context 和 store
- Lesson 38 - 动手实现 React-redux(三):connect 和 mapStateToProps
- Lesson 39 - 动手实现 React-redux(四):mapDispatchToProps
- Lesson 40 - 动手实现 React-redux(五):Provider
- Lesson 41 - 动手实现 React-redux(六):React-redux 总结
- Lesson 42 - 使用真正的 Redux 和 React-redux
- Lesson 43 - Smart 组件 vs Dumb 组件
- Lesson 44 - 实战分析:评论功能(七)
- Lesson 45 - 实战分析:评论功能(八)
- Lesson 46 - 实战分析:评论功能(九)