React From Zero

书籍定位

《React From Zero》是由Kay Plößer编写的React框架入门指南，采用Lean Publishing方式于2018年出版。本书采用"从零开始"的教学方法，从最基本的JavaScript对象开始，逐步深入React的核心概念，旨在帮助读者真正理解React的工作原理，而不是仅仅将其作为黑盒使用。

核心内容

本书分为两个部分，通过20个课程系统地讲解了React的各个方面：

第一部分：基础（第0-9课）

1. React的意义：解释React解决的问题，对比jQuery等传统方法的局限性，介绍虚拟DOM的概念
2. 对象元素（第0课）：从最基本的JavaScript对象开始，展示React元素的核心结构，包括$$typeof、ref、type和props等属性
3. 元素工厂（第1课）：介绍React.createElement()函数，简化元素创建过程
4. JSX（第2课）：讲解JSX语法、编译原理、Babel编译器的作用，以及如何在浏览器中直接使用JSX
5. 嵌套元素（第3课）：展示如何在JSX中嵌套元素，包括纯JSX嵌套和JavaScript插入
6. 组件（第4课）：介绍函数式组件（无状态组件），解释组件封装和重用的概念
7. Props（第5课）：详细讲解props的用法，包括调用站点props、定义站点props、默认props、props传播和特殊案例
8. Prop Types（第6课）：介绍运行时类型检查，使用prop-types库进行属性验证
9. 嵌套组件（第7课）：讲解组件间的嵌套关系，包括调用站点嵌套和定义站点嵌套
10. 类组件（第8课）：介绍类组件的创建、render()方法、getInitialState()方法、setState()方法和交互处理
11. 生命周期方法（第9课）：讲解componentDidMount()和componentWillUnmount()等基本生命周期方法

第二部分：进阶（第10-18课）

12. 示例应用（第10课）：构建一个完整的Pomodoro计时器应用，综合运用所学知识
13. 更多生命周期方法（第11课）：深入讲解componentDidUpdate()、shouldComponentUpdate()、getDerivedStateFromProps()和getSnapshotBeforeUpdate()等高级生命周期方法
14. 重构组件（第12课）：学习如何改进组件实现，提高代码质量和可维护性
15. Refs（第14课）：介绍refs的创建和使用，访问DOM元素和React组件实例
16. 简单集成（第15课）：讲解如何集成第三方库，包括库的引入和使用
17. 高级集成（第16课）：深入第三方库集成，结合refs和生命周期方法
18. 单元测试（第17课）：介绍使用Jest进行React组件测试，包括测试环境设置和测试编写
19. ES2015特性（第18课）：讲解块作用域变量、解构、箭头函数、类和模块等现代JavaScript特性

附录：虚拟DOM入门

详细讲解虚拟DOM的实现原理，包括简单的虚拟DOM实现、createDomElement函数和复杂元素的处理。

适用读者

• React初学者：希望从零开始系统学习React框架
• 有jQuery经验的开发者：希望理解React相比传统DOM操作的优势
• 希望深入理解React原理的开发者：不满足于仅仅使用React，希望了解其内部工作机制
• 前端开发者：需要掌握现代前端框架的核心概念
• 自学能力强的学习者：喜欢从基础开始逐步构建知识体系

阅读建议

1. 循序渐进学习：严格按照书中课程顺序学习，从最基本的JavaScript对象开始
2. 动手实践：书中提供了大量可直接在浏览器中运行的HTML示例代码，建议边学边实践
3. 理解原理：重点关注React的工作原理，而不仅仅是API使用方法
4. 对比学习：将React与jQuery等传统方法对比，理解React解决的核心问题
5. 关注现代JavaScript特性：学习ES2015+的新特性，这些是理解现代React代码的基础
6. 重视测试：学习单元测试方法，这是构建可维护React应用的重要技能

本书独特的"从零开始"教学方法使读者能够真正理解React的内部机制，而不是仅仅学习如何使用API。通过逐步构建知识体系，读者可以建立坚实的React基础，为学习更高级的React概念和应用开发奠定基础。