React 知识体系

本文是你可能不需要使用派生 state 博文的总结整理。包含派生 state 存在的问题和相应解决方案。

在 React 16 使用 Fiber 来对 Virtual DOM 可以进行增量式渲染。由于 Fiber 能使渲染阶段暂停，中止和重新启动。所以一些生命周期可能会被调用多次。这篇文章介绍如何替换它们

本文基于React 生命周期示意图整理，按照页面加载过程和渲染阶段分门别类整理。对涉及到的声明周期按照调用时机，使用，主要用法介绍。

高阶组件是 React 一种复用逻辑的手段。它解决的时这样一些问题，比如有一些组件需要根据登录状态判断是否在页面中显示，直接的做法把这个逻辑判断写在每个组件里面，但如果使用高阶组件则可以复用这些逻辑。

Hook 是 React 团队历经 5 年，综合各种开发问题，提供的一系列钩子函数。 Hook 使得函数组件能轻松解决开发中的问题，存储状态，更新副作用，逻辑复用，性能优化。函数组件可以完全替换类组件

本文是学习 useEffect 的笔记，基于useEffect 完全指南 整理。useEffect 第一个参数是更新函数，第二个参数是依赖数组。

协调过程，主要是对比数据，计算差异耗费时间。要优化也要分为渲染和数据层面，细分的话有下面 3 点。1. 优化组件渲染2. 避免重复渲染3. 缓存已经计算过的数据或函数

用 React 编写应用程序时，通常用 Redux 做状态管理，以前一直不明白 Redux 为什么要对数据有那么多限制？今天看到《深入浅出 React 和 Redux》 终于明白了其中的缘由。