因此，我想就写一些老生常谈的"八股文", 但是我会尽量从源码层面去理解这些问题，并且尽量做到一通百通，而不是死记硬背。这一次，让我们重走西游，踏上取经路的是 React 的 Diff 算法。

当使用 Hook 特性编写组件的时候时候，总能感觉到它的简洁和方便。当然，「天下没有免费的午餐」，它牺牲了可读性并且存在内存泄漏风险（最后有提到）。但这并不妨碍探索它的魔力。 在正式开始前，希望您读过 Hook 的文档或者在项目使用过它。但如果只对函数编程感兴趣，也可能有所收获…

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

使用过redux的同学都知道,redux作为react公共状态管理工具，配合react-redux可以很好的管理数据,派发更新，更新视图渲染的作用，那么对于 react-redux 是如何做到根据 state 的改变，而更新组件，促使视图渲染的呢，让我们一起来探讨一下，reac…

认识 hook 时代的 「setState」 在以 class component 为主要组件形态的 react 时代，组件实例上的 this.setState() 无疑是最重要的 react API

在一次面试时，面试官问我 react scheduler 调度机制原理是什么？我却支支吾吾想了半天没答上来，看着面试官轻蔑的表情，我在心里默默的下定决心：三十年河东三十年河西，莫欺少年穷......

useState 有两个状态，一个是 n，另外一个是 setN。 setN 是修改数据 n 的，将修改后的 n 存入 state。 setN 修改数据后一定会触发<App/>的重新渲染（re-render）。 useState 一定会从 state 读取最新的 n 值…

React Hooks 的三层理解：会用，掌握基本用法；懂原理，能手写官方 Hooks；会设计，能自定义 Hooks。

先有问题再有答案 react是什么 react设计理念是什么 有哪些核心概念 如何系统性的认识react 一图胜千言 设计理念 数据驱动视图UI=fn(data)： 在 React 中，UI 完全由数