精益 React 学习指南 （Lean React）序

Lean React

目前本书正在撰写过程当中，将这个目录结构先发出来，但愿能获得更多读者的反馈，有兴趣的朋友能够回复订阅更新

关于

应该是在 2013 年我还在天猫的时候，在一次团队会议中 Teamleader 邀请了来自 Facebook 的前端工程师来分享他们的开发栈，其中就有提到 React，当说到它有本身的独特语法的时候（JSX 语法），我对此不屑一顾，认为这样的前端框架只会昙花一现，顶多可以在 Facebook 内部流行起来。 可是到目前为止，React 的发展令我瞠目结舌，俨然已成为前端开发栈中的主角。

当我真正深刻了解并在业务中使用 React 的时候，才意识到 React 是多么难以想象。 在 React 出现之前咱们讨论过 MVC，MVVM，Web Component，这些模式不乏有不少出众的框架，但当咱们了解了 React 的设计事后，会发现 React 回到了前端界面开发的本质 数据和 UI 的结合表达。 React 的设计能够简单理解为 组件的组合模式和数据的单向流动，正是这种极简的架构设计才能成为构建大型前端应用的基石。

虽然如今网上有不少关于 React 的书籍，课程等，可是整体看下来有如下的一些问题。

1. 内容主要是针对初级阶段的 React 学习者

2. 没有系统性介绍 React ，某些部分只是走马观花

3. 缺少真实业务开发的实战介绍

因此打算写一本电子关于 React 的电子书，以及 React 教学课程， 这本书的特色是：

1. 针对初级阶段的读者会系统性 step by step 的讲解 React 的基础知识

2. 系统性的介绍 React 开发生态中的技术

3. 有针对性的介绍 React 的特定主题，如数据可视化，自定义 Renderer, virtual DOM, 编辑器

4. 真实业务开发须要的资源或者组件的介绍

5. 实例代码和理论结合讲解

6. 针对部分章节配套视频讲解

简单而言，本书的目标：

The Best React Book For React Beginners And Professionals

本书内容

这本书我会由简单到复杂的带领你们进入 React 的世界， 其中 1 - 3 章节都是 React 的基础知识，须要提醒读者的是大多数的基础知识均可以经过 React 的官方文档学习，若是对英语敏感的读者也能够看翻译。 对比官方文档本书 1 - 3 章会按部就班的带领你们学习 React 基础知识，其中会有些本身的看法和领悟但愿能让读者更容易理解学习，每一个章节都会有一个实例做业，因此读者能够同时结合官方文档和本书进行学习。

有 React 基础的读者能够跳过 1 - 3 章节 ， 后面的章节都是独立的，能够打乱顺序挑选阅读

文章的样例代码都在放在 https://github.com/leanklass/leanreact/ 的不一样分支上，能够直接 checkout 分支按照 README 的指示运行。

第一章：React 入门

本章会带领你们重 0 到 1 入门 React，会涉及到 React 背景和应用范围的介绍。 而后会介绍 React 的基础知识，包括 JSX 语法和 React 组件，Flux 模式介绍等。

• 1.1 React 介绍

• 1.2 JSX 语法

• 1.3 React 组件

• 1.4 React 组件生命周期和方法

• 1.5 React 与 DOM

• 1.6 Flux

第二章：React 工程化

前面一章咱们已经熟悉了 React 的基础，可以掌握经过 JSX 和 React 的思惟来完成业务应用，可是真正的前端项目构建不只仅是业务代码自己，咱们须要搭建一整套完整的前端开发流程，也就是前端工程化。在本章中将会讲解前端工程化相关的知识，并经过 gulp，webpack 等工具搭建出一套完整的 React 前端开发环境。

• 2.1 前端工程化概述

• 2.2 Webpack

• 2.3 Gulp

• 2.4 webpack + gulp 构建完整前端工做流

• 2.5 Webpack 进阶

第三章：React 与 Redux

Redux 是目前 flux 模式最流行的实现，本章节会带领你们了解 Redux 的设计概念， 阅读 Redux 的源码，以及经过实例应用讲解 Redux + React 的开发模式。

• 3.1 redux 介绍

• 3.2 react-redux todoApp

• 3.3 理解 redux 中间件

• 3.4 掌控 redux 异步

• 3.5 compose redux sagas

第四章：React 进阶

咱们已经能基于 React 实现基本的交互逻辑，可是在使用 React 的过程当中仍是可能会有些不肯定的地方或者一些特殊的功能不知道怎么实现，可能会问 React 中有没有一些 Best practices 或者 Good Pattern 能够参考的，本章会在各个维度介绍以前没有讲过的 React 特性。

• 4.1 react 代码规范

• 4.2 react patterns

• 4.3 react magics and tricks

• 4.4 react 动画

• 4.5 不可变数据与 React

• 4.6 性能管理

第五章：React 实战业务开发

真实业务开发中会遇到不少不少的问题，本章会把大多数在真实业务开发中遇到的场景进行讲解，涉及到如具体组件的开发，表单处理，后台交互等具体开发场景问题。

第六章：React 与 服务端渲染

React 除了能够在浏览器端渲染之外， 还能够在服务器端渲染 HTML， 本章节会实现一个 基于 express + React 模板渲染器，经过这个渲染器渲染第一章的 HTML。

第七章：React 与 数据可视化

数据可视化的需求日益增长，React 一样能够胜任数据可视化的工做，本章节会带领你们经过 React 实现一些基本的图表，讲解 React 和 D3.js 如何协做。

第八章：React 内部实现

当深刻的学习和使用过 React 后， 必定会对 React 的内部运做机制好奇，本章节会部分介绍 React 内部的一些核心工做机制， 包括 Virtual DOM 算法， 生命周期内部运做方式。

第九章：React 自定义 Renderer

React 独特的地方在于， virtual dom 这种组件的组合模式能够应用于不少地方， 除了 ReactDOM 渲染器实现外，咱们能够实现一个本身的渲染器， 好比 D3 渲染器， PIXI.JS 渲染器， Three.js 渲染器。

扩展：React 资源

扩展*: 各类 React 组件实现

扩展*：各类应用源码分析