React入坑指南

本文真的是入坑指南。

还记得周星驰的零零七电影吗？没错，就是你以为这是一个电吹风，实际上它是一个剃须刀。

React也是如此，你以为它是一套完成的前端框架，实际上它也并不是，它只是前端框架中的一个小部分，他不像Vue、Angular一样，开箱即用，在你以为爬上一个山顶的时候，后面还有一个更高的山在等着你。这就是React。

React概念

React最小模块是组件，组件是以整体UI的一个片段（区块）为单元
- UI片段：即在设计界面时，对一个界面进行分层，每一个层次即为一个片段。详情：Thinking in React
组件分为函数组件和类组件
- 函数组件不包含涉及UI片段内部的相关状态，类组件则涉及到UI片段内部状态的相关处理（如今有Hooks后，函数组件也可以处理UI片段内部的状态了）
React主要负责UI的渲染，提供了局部数据状态更新后的UI渲染机制。（虽然有全局的context用于在组件间传递共享数据，但处理较为复杂，不适用于全局范围内的大量数据及数据状态管理）

以上就是React的基础甚至核心思路了（如果我没有总结错误的话）

这也就意味着，你需要额外学习路由、全局数据状态管理等等相关的资料，这些都是React后面更高的山峰。而且由于React是基于JSX开展业务的（你也可以不用JSX，但和原始人没有什么区别了），所以路由、全局数据状态管理等等与vue、angular有很大的差异。这些都会陡增学习成本。

为什么学习React