React 实战进阶 45 讲

React 是目前最为流行的前端 UI 开发框架之一，根据 Hacker News 发布的招聘趋势数据，React 已经连续 12 个月成为最受招聘方欢迎的技能，需求指数一度达到 25.93 %，足可见 React 在业内的被认可度。

在 React 出现之前，基于 HTML 的前端界面开发正变得越来越复杂，如何将来自于服务器端或者用户输入的动态数据高效地反映到复杂的用户界面上，是最让人头疼的难题。而 React 则很好地解决了这个问题，使用 React 可以非常轻松地创建用户交互界面，在数据改变时更高效地更新渲染界面。

React 使用声明式的语法帮助开发者直观地描述和组织复杂的界面逻辑，让前端应用开发变得越来越容易；React 繁荣的生态圈还为开发者提供了大量的最佳实践；活跃的社区则让你碰到问题可以迅速找到解决方案。

React 不仅让你能够从容应对大型复杂前端应用的开发，其编程思想还能应用到 React Native 原生 App 开发，服务器端渲染的后端开发。

无论你是没有接触过 React 的前端工程师，还是移动应用开发人员，或者仅仅是想跨界了解前端开发现状的程序员，学习 React 不仅能让你丰富自身的技能库，掌握当下最热门的前端开发利器，同时还能大大提升职场竞争力，迈向更高的台阶。

课程目录:

第一章 ：React 基础

01 | React出现的历史背景及特性介绍
02 | 以组件方式考虑UI的构建
03 | JSX 的本质 : 不是模板引擎，而是语法糖
04 | React组件的生命周期及其使用场景
05 | 理解 Virtual DOM 及 key 属性的作用
06 | 组件设计模式 : 高阶组件和函数作为子组件
07 | 理解新的 Context API 及其使用场景
08 | 使用脚手架工具创建 React 项目
09 | 打包和部署

第二章 ：React 生态圈

10 | Redux(1) : 前端为何需要状态管理库
11 | Redux(2) : 深入理解 Store, Action, Reducer
12 | Redux(3) : 在React中使用Redux
13 | Redux(4) : 理解异步 Action，Redux 中间件
14 | Redux(5) : 如何组织Action和Reducer
15 | Redux(6) : 理解不可变数据（Immutability）
16 | React Router（1）：路由不只是页面切换，更是代码组织方式
17 | React Router（2）：参数定义，嵌套路由的使用场景
18 | UI组件库对比和介绍：Ant.Design，Material UI，Semantic UI
19 | 使用Next.js创建React同构应用
20 | 使用Jest，Enzyme等工具进行单元测试
21 | 常用开发调试工具：ESLint，Prettier，React DevTool，Redux DevTool

第三章 ：构建可维护可扩展的前端应用

22 | 前端项目的理想架构：可维护，可扩展，可测试，易开发，易建构
23 | 拆分复杂度（1）：按领域模型（feature）组织代码，降低耦合度
24 | 拆分复杂度（2）：如何组织component，action和reducer
25 | 拆分复杂度（3）：如何组织React Router的路由配置
26 | 使用Rekit（1）：创建项目，代码生成和重构
27 | 使用Rekit（2）：遵循最佳实践，保持代码一致性

第四章 ：常见场景的最佳实践

28 | 使用React Router管理登录和授权
29 | 实现表单（1）：初始数据，提交和跳转
30 | 实现表单（2）：错误处理，动态表单元素，内容动态加载
31 | 列表页（1）：搜索，数据缓存和分页
32 | 列表页（2）：缓存更新，加载状态，错误处理
33 | 页面数据需要来源多个请求的处理
34 | 内容页的加载与缓存
35 | 基于React Router实现分布操作
36 | 常见页面布局的实现
37 | 使用 React Portals 实现对话框，使用 antd 对话框
38 | 集成第三方JS库：以 d3.js 为例
39 | 基于路由实现菜单导航
40 | React 中拖放的实现

第五章：React性能优化

41 | 性能永远是第一需求：时刻考虑性能问题
42 | 网络性能优化：自动化按需加载
43 | 使用Reselect避免重复计算
44 | 下一代 React：异步渲染
45 | 使用Chrome DevTool进行性能调优