• 简单介绍
  • 1. 开发环境搭建
    • 1.1. create-react-app 脚手架
    • 1.2. 常见错误
  • 2. react 基础
    • 2.1. 组件
    • 2.2. 组件通讯:父->子
    • 2.3. 组件通讯:子->父
    • 2.4. JSX语法
  • 3. 一个简单的TodoList
    • 3.1. 响应式设计思想和事件绑定
    • 3.2. 实现todolist新增删除
    • 3.3. JSX语法细节补充
    • 3.4. TodoList代码优化
    • 3.5. 关于React的思考
  • 4. React进阶
    • 4.1. react developer tools的安装及使用
    • 4.2. PropTypes 与 DefaultProps 的应用
    • 4.3. props, state 与 render 函数的关系
    • 4.4. React中的虚拟DOM
    • 4.5. 深入了解虚拟DOM
    • 4.6. 虚拟DOM中的Diff算法
    • 4.7. React中Ref的使用
    • 4.8. React生命周期
    • 4.9. React生命周期的使用场景
    • 4.10. 使用Charles实现本地数据mock
    • 4.11. React中实现CSS过渡动画
    • 4.12. React中使用CSS动画效果
    • 4.13. 使用react-transition-group实现动画
  • 5. Redux入门
    • 5.1. Redux 概念简述
    • 5.2. Redux 工作流程
    • 5.3. 使用Antd实现TodoList的页面布局
    • 5.4. 创建Redux中的store
    • 5.5. Action和Reducer的编写
    • 5.6. 使用Redux完成TodoList的删除功能
    • 5.7. ActionTypes的拆分
    • 5.8. 使用actionCreator统一创建action
    • 5.9. Redux知识点复习补充
  • 6. Redux进阶
    • 6.1. UI组件和容器组件
    • 6.2. 无状态组件
    • 6.3. Redux中发送异步请求获取数据
    • 6.4. 使用Redux-thunk中间件进行ajax数据发送
    • 6.5. 什么是Redux中间件
    • 6.6. Redux-saga中间件入门
    • 6.7. 如何使用React-redux
    • 6.8. 使用React-redux完成TodoList功能
  • 7. 结束
  • Published with GitBook

React的使用

使用React-redux完成TodoList功能

完整demo: https://github.com/scott-x/react-demo/tree/master/react-redux%E7%9A%84%E4%BD%BF%E7%94%A8