快速上手React基础
- 第1章 虚拟DOM和JSX
- 1-1 React 简介
- 1-2 React小案例
- 1-3 两种创建虚拟Dom的方式
- 1-4 虚拟DOM与真实DOM
- 1-5 jsx语法规则
- 1-6 jsx小练习
- 第2章 面向组件编程
- 2-1 开发者工具安装
- 2-2 组件与模块
- 2-3 函数式组件
- 2-4 复习类相关知识
- 2-5 类式组件
- 第3章 组件核心属性之state
- 3-1 对state的理解
- 3-2 初始化state
- 3-3 react中的事件绑定
- 3-4 类中方法中的this
- 3-5 解决类中this指向问题
- 3-6 setState的使用
- 3-7 state的简写方式
- 3-8 总结state
- 第4章 组件核心属性之props
- 4-1 props的基本使用
- 4-2 批量传递props
- 4-3 对props进行限制
- 4-4 props的简写方式
- 4-5 类式组件中的构造器与props
- 4-6 函数式组件使用props
- 4-7 总结props
- 第5章 组件核心属性之refs
- 5-1 字符串形式的ref
- 5-2 回调形式的ref
- 5-3 回调ref中调用次数的问题
- 5-4 createRef的使用
- 5-5 总结ref
- 第6章 事件与表单数据
- 6-1 事件处理
- 6-2 非受控组件
- 6-3 受控组件
- 6-4 高阶函数和函数柯里化
- 6-5 不用柯里化的写法
- 第7章 组件的生命周期（一）
- 7-1 引出生命周期
- 7-2 生命周期(旧)_组件挂载流程
- 7-3 生命周期(旧)_setState流程
- 7-4 生命周期(旧)_forceUpdate流程
- 7-5 父组件render流程
- 7-6 总结生命周期(旧)
- 第8章 组件的生命周期（二）
- 8-1 对比新旧生命周期
- 8-2 从Props获取DerivedState
- 8-3 获取更新前快照
- 8-4 10 getSnapshotBeforeUpdate案例
- 8-5 总结生命周期(新)
- 8-6 DOM的diffing算法
- 第9章 脚手架
- 9-1 初始化react脚手架
- 9-2 脚手架文件介绍_public
- 9-3 脚手架文件介绍_src
- 9-4 一个简单Hello组件
- 9-5 样式的模块化
- 9-6 WebStorm中的快捷键
- 9-7 组件化编码流程
- 第10章 TodoList案例
- 10-1 TodoList案例_静态组件
- 10-2 动态初始化列表
- 10-3 添加todo
- 10-4 鼠标移入效果
- 10-5 勾选和取消勾选
- 10-6 对props进行限制
- 10-7 删除一个todo
- 10-8 实现底部功能
- 10-9 总结TodoList案例
- 第11章 豆瓣电影搜索案例
- 11-1 脚手架配置代理1
- 11-2 脚手架配置代理2
- 11-3 豆瓣电影搜索案例_静态组件
- 11-4 豆瓣电影搜索案例_axios发送请求
- 11-5 豆瓣电影搜索案例_展示数据
- 11-6 豆瓣电影搜索案例_完成案例
- 11-7 豆瓣电影搜索案例_消息订阅与发布_pubsub
- 11-8 豆瓣电影搜索案例_fetch发送请求
- 11-9 豆瓣电影搜索案例_总结
- 第12章 反应路由器
- 12-1 对SPA应用的理解
- 12-2 对路由的理解
- 12-3 前端路由原理
- 12-4 路由的基本使用
- 12-5 路由组件与一般组件
- 12-6 NavLink的使用
- 12-7 封装NavLink组件
- 12-8 Switch的使用
- 12-9 解决样式丢失问题
- 12-10 路由的模糊匹配与严格匹配
- 12-11 Redirect的使用
- 12-12 嵌套路由
- 12-13 向路由组件传递params参数
- 12-14 向路由组件传递search参数
- 12-15 向路由组件传递state参数
- 12-16 总结路由参数
- 12-17 push与repalce
- 12-18 编程式路由导航
- 12-19 withRouter的使用
- 12-20 浏览器路由器与HashRouter
- 第13章 UI组件库 antd
- 13-1 antd的基本使用
- 13-2 antd样式的按需引入
- 13-3 antd自定义主题
- 第14章 状态管理 redux
- 14-1 redux简介
- 14-2 redux工作流程
- 14-3 求和案例_纯react版
- 14-4 求和案例_redux精简版
- 14-5 求和案例_redux完整版
- 14-6 求和案例_异步action版
- 14-7 对react-redux的理解
- 14-8 连接容器组件与UI组件
- 14-9 react-redux基本使用
- 14-10 优化1_简写mapDispatch
- 14-11 优化2_Provider组件的使用
- 14-12 优化3_整合UI组件与容器组件
- 14-13 数据共享_编写Person组件
- 14-14 数据共享_编写Person组件的reducer
- 14-15 数据共享_完成数据共享
- 14-16 纯函数
- 14-17 redux开发者工具
- 14-18 最终版
- 14-19 项目打包运行
- 第15章 扩展
- 15-1 扩展1_setState
- 15-2 扩展2_lazyLoad
- 15-3 扩展3_stateHook
- 15-4 扩展4_EffectHook
- 15-5 扩展5_RefHook
- 15-6 扩展6_Fragment
- 15-7 扩展7_Context
- 15-8 扩展8_PureComponent
- 15-9 扩展9_renderProps
- 15-10 扩展10_ErrorBoundary
- 15-11 组件间通信方式总结
