阅读react组件库的时候，发现很多自定义的hooks中很喜欢使用ref，使用ref让人的观感很不好，但是为什么又不得不使用ref呢？以及复习一下useCallback的使用场景

写 react 项目的小伙伴应该都用过 antd 组件库，但绝大多数同学并没有看过它的源码。 而想深入掌握 antd 组件库，只熟悉参数是不行的，必须要深入到源码层面。 所以今天就来分享下如何调试 a

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

context 是 react 的主要特性，它能在任意层级的组件之间传递数据。 在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、mobx，但在 antd 等组

PureComponent 和 meno 相信大家都用过，这里就不多介绍用法了，作用的话，在读源码以前，我通过八股文了解到是通过浅对比来减少 Render 的次数来达到优化性能的目的。那看了源码之后，

相信很多人跟我之前一样，看到源码两个字觉得触不可及，觉得离自己还很遥远，是需要非常多年的工作经验的大佬才能触及到的领域。就在去年我改变了这个想法，当时被react的几个生命周期执行顺序弄的睡不着觉。

React 中没有 keepalive 怎么办？遇到这样的需求难道我们就不做了吗？今天我们从原理到实践，从零到一，在React 中实现 Vue 中的 keepalive 功能！

React Hooks 是 React 16.8 的新功能，可以在不编写 class 的情况下使用状态等功能，从而使得函数式组件从无状态的变化为有状态的。 React 的类型包 @types/react 中也同步把 React.SFC (Stateless Functional…

理解 useEffect 需要抛弃生命周期这条知识点。 Hooks 设计思想内没有生命周期概念，我认为它更像监听更新的勾子函数。 页面 render 时，执行 useEffect 函数。 获取用户数据并加载。执行1次 修改姓名并保存。执行n次 调用 useState 返回两个值…