最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）

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

状态管理是前端开发整天遇到的概念，但是大家是否真的理解什么是状态，管理的又是什么呢？ 我们知道，程序是处理数据的，数据是信息的载体，比如颜色是红色或蓝色这就是数据。 那为什么不叫数据管理呢？状态和数据

笔者将会分享如何完整的实现一个 React+Redux 项目，主要介绍如何使用 redux 实现数据流管理，以及项目优化和笔者遇到的坑。希望对你有帮助~

1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …

React的虚拟DOM和Diff算法是React的非常重要的核心特性，这部分源码也非常复杂，理解这部分知识的原理对更深入的掌握React是非常必要的。 本来想将虚拟DOM和Diff算法放到一篇文章，写完虚拟DOM发现文章已经很长了，所以本篇只分析虚拟DOM。 本篇文章从源码出发…

大家好，我卡颂。 本文我们来看React内部Effects List机制重构的前因后果。 阅读完本文，你可以掌握React18对比之前版本，Suspense特性的差异及原因。 欢迎加入人类高质量前端框