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

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

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

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

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

课程特点 本课程会由浅入深介绍 React 及相关生态圈项目的基本概念、设计模式、最佳实践以及性能优化方法。教学过程采用 PPT 演示结合代码实践的形式，在讲清楚概念的同时，还会结合具体场景，介绍如何将概念和模式应用到实际案例中。

通过本课程，你将全面学习 React 相关技术，了解其设计模式和最佳实践，掌握使用 React 开发大型项目的能力。

每节课的视频下方都列出了学习之前需要掌握的 React 基础知识点，并提供了相关文档链接。

学习过程中无需在本地搭建 React 环境，直接 fork 我们的在线项目地址即可进行编码实战。

王沛，现担任 eBay 中国研发中心资深技术专家，负责 eBay 内部前端框架的研发。

是国内第一批 React 的实践者和布道者，创建了 Rekit 开源项目：专属的 React 开发 IDE，目前在 Github 有超过 3000 Star。

曾任职于 IBM 和 SAP，主导了多个 UI 框架和大型云产品的前端架构和开发，在 IBM 期间期间参与 Dojo 开源项目，成为代码贡献者，参与创建和设计了基于 Dojo 的 GridX 项目。

在 InfoQ 发表过多篇文章，撰写过《深入浅出 React》专栏，并在 QCon 大会上做过演讲。出版过书籍《征服 Ajax：Web2.0 开发技术详解》，《Web2.0 界面设计模式》。

课程信息

掌握当下热门的前端利器。

课程目录

├── 01丨React出现的历史背景及特性介绍.mp4 119.97M

├── 02丨以组件方式考虑UI的构建.mp4 169.12M

├── 03丨JSX 的本质 不是模板引擎，而是语法糖.mp4 155.22M

├── 04丨React组件的生命周期及其使用场景.mp4 250.56M

├── 05丨理解 Virtual DOM 及 key 属性的作用.mp4 149.40M

├── 06丨组件设计模式 高阶组件和函数作为子组件.mp4 210.35M

├── 07丨理解新的 Context API 及其使用场景.mp4 177.01M

├── 08丨使用脚手架工具创建 React 项目.mp4 169.65M

├── 09丨打包和部署.mp4 196.41M

├── 10丨Redux(1) 前端为何需要状态管理库.mp4 115.29M

├── 11丨Redux(2) 深入理解 Store, Action, Reducer.mp4 323.84M

├── 12丨Redux(3) 在React中使用Redux.mp4 169.61M

├── 13丨Redux(4) 理解异步 Action，Redux 中间件.mp4 161.60M

├── 14丨Redux(5) 如何组织Action和Reducer.mp4 113.68M

├── 15丨Redux(6) 理解不可变数据(Immutability)).mp4 133.97M

├── 16丨React Router(1)：路由不只是页面切换，更是代码组织方式.mp4 252.59M

├── 17丨React Router(2)：参数定义，嵌套路由的使用场景.mp4 165.20M

├── 18丨UI组件库对比和介绍：Ant.mp4 183.92M

├── 19丨使用Next.mp4 230.33M

├── 20丨使用Jest，Enzyme等工具进行单元测试.mp4 324.26M

├── 21丨常用开发调试工具：ESLint，Prettier，React DevTool，Redux DevTool.mp4 247.53M

├── 22丨前端项目的理想架构：可维护，可扩展，可测试，易开发，易建构.mp4 92.88M

├── 23丨拆分复杂度(1)：按领域模型(feature)组织代码，降低耦合度.mp4 110.80M

├── 24丨拆分复杂度(2)：如何组织component，action和reducer.mp4 148.91M

├── 25丨拆分复杂度(3)：如何组织React Router的路由配置.mp4 199.15M

├── 26丨使用Rekit(1)：创建项目，代码生成和重构.mp4 295.00M

├── 27丨使用Rekit(2)：遵循最佳实践，保持代码一致性.mp4 265.94M

├── 28丨使用React Router管理登录和授权.mp4 288.16M

├── 29丨实现表单(1)：初始数据，提交和跳转.mp4 277.01M

├── 30丨实现表单(2)：错误处理，动态表单元素，内容动态加载.mp4 207.99M

├── 31丨列表页(1)：搜索，数据缓存和分页.mp4 235.13M

├── 32丨列表页(2)：缓存更新，加载状态，错误处理.mp4 174.91M

├── 33丨页面数据需要来源多个请求的处理.mp4 217.00M

├── 34丨内容页的加载与缓存.mp4 157.21M

├── 35丨基于React Router实现分步操作.mp4 199.20M

├── 36丨常见页面布局的实现.mp4 225.62M

├── 37丨使用 React Portals 实现对话框，使用 antd 对话框.mp4 168.71M

├── 38丨集成第三方JS库：以 d3.mp4 247.62M

├── 39丨基于路由实现菜单导航.mp4 188.54M

├── 40丨React 中拖放的实现.mp4 401.55M

├── 41丨性能永远是第一需求：时刻考虑性能问题.mp4 115.00M

├── 42丨网络性能优化：自动化按需加载.mp4 200.89M

├── 43丨使用Reselect避免重复计算.mp4 374.07M

├── 44丨下一代 React：异步渲染.mp4 352.18M

├── 45丨使用Chrome DevTool进行性能调优.mp4 281.53M

└── react-geek-time-master.7z 6.78M