目前本书正在撰写过程中,将这个目录结构先发出来,希望能得到更多读者的反馈,有兴趣的朋友可以回复订阅更新
这本书我会由简单到复杂的带领大家进入 React 的世界, 其中 1 - 3 章节都是 React 的基础知识,需要提醒读者的是大多数的基础知识都可以通过 React 的官方文档学习,如果对英语敏感的读者也可以看翻译。 对比官方文档本书 1 - 3 章会循序渐进的带领大家学习 React 基础知识,其中会有些自己的见解和领悟希望能让读者更容易理解学习,每个章节都会有一个实例作业,所以读者可以同时结合官方文档和本书进行学习。
有 React 基础的读者可以跳过 1 - 3 章节 , 后面的章节都是独立的,可以打乱顺序挑选阅读
文章的样例代码都在放在 https://github.com/leanklass/leanreact/ 的不同分支上,可以直接 checkout 分支按照 README 的指示运行。
本章会带领大家重 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 的基础,能够掌握通过 JSX 和 React 的思维来完成业务应用,但是真正的前端项目构建不仅仅是业务代码本身,我们需要搭建一整套完整的前端开发流程,也就是前端工程化。在本章中将会讲解前端工程化相关的知识,并通过 gulp,webpack 等工具搭建出一套完整的 React 前端开发环境。
- 2.1 前端工程化概述
- 2.2 Webpack
- 2.3 Gulp
- 2.4 webpack + gulp 构建完整前端工作流
- 2.5 Webpack 进阶
Redux 是目前 flux 模式最流行的实现,本章节会带领大家了解 Redux 的设计概念, 阅读 Redux 的源码,以及通过实例应用讲解 Redux + React 的开发模式。
- 3.1 redux 介绍
- 3.2 react-redux todoApp
- 3.3 理解 redux 中间件
- 3.4 redux 异步
- 3.5 redux 源码
React 本身只有极少的 API,但深入了解这些 API 会对我们的开发大有裨益,本章会带领大家深入的了解 React 的一些核心操作,包括事件处理,生命周期,动画。 以及会详细介绍 Flux 模式 和 Immutable Js。
真实业务开发中会遇到很多很多的问题,本章会把大多数在真实业务开发中遇到的场景进行讲解,涉及到如具体组件的开发,表单处理,后台交互等具体开发场景问题。
React 除了可以在浏览器端渲染以外, 还可以在服务器端渲染 HTML, 本章节会实现一个 基于 express + React 模板渲染器,通过这个渲染器渲染第一章的 HTML。
数据可视化的需求日益增加,React 同样可以胜任数据可视化的工作,本章节会带领大家通过 React 实现一些基本的图表,讲解 React 和 D3.js 如何协作。
当深入的学习和使用过 React 后, 一定会对 React 的内部运作机制好奇,本章节会部分介绍 React 内部的一些核心工作机制, 包括 Virtual DOM 算法, 生命周期内部运作方式。
React 独特的地方在于, virtual dom 这种组件的组合模式可以应用于很多地方, 除了 ReactDOM 渲染器实现外,我们可以实现一个自己的渲染器, 比如 D3 渲染器, PIXI.JS 渲染器, Three.js 渲染器。
本章节会介绍各种 React 开发过程中使用的性能优化场景,技巧。