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

源码分析：手把手带你复习react（包含react18版本） 一、react18有哪些更新？ 1. setState自动批处理 在react17中，只有react事件会进行批处理，原生js事件

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

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

学生：方，今天我面试又挂了。 学生：面试官先是问 Redux，我按照你的押题答上来了。但是他又补了一句，你知道 redux-thunk 吗？它有什么用 再简化一点就是：发现 action 是函数就调用它。 还有一种办法是直接发请求，得到数据之后创建「更新数据」的 action。…

这个限制在开发中也确实会时常影响到我们的开发体验，比如函数组件中出现 if 语句提前 return 了，后面又出现 Hook 调用的话，React 官方推的 eslint 规则也会给出警告。 其实是个挺常见的用法，很多时候满足某个条件了我们就不希望组件继续渲染下去。但由于这个限…

fiber并不是计算机术语中的新名词，他的中文翻译叫做纤程，与进程（Progress）、线程（Thread）、协程（Coroutine）同为执行过程。React Fiber可以理解为：React内部的一套更新机制。支持任务不同优先级，可中断与恢复，并且在恢复之后复用之前的保存状…