简单来说Hooks规则就是我们在使用Hooks编写程序的时候需要遵循的规范。 我们接下来将会举一个错误的例子,并且将会展开分析为什么不能这么写, 这么写会导致什么错误发生。 我们都知道在组件中使用state hooks和effect hooks,靠的是Hook的调用顺序,这样R…

Redux结构 有想过自己去实现一个Redux吗？其实并不难，Redux主要就是由store，reducer，action组成的，接下来我们一步一步来尝试的搭建Redux。 Redux的分步实现 re

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

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

1.redux工作原理 1.React components是我们自己定义的组件 2.React components会把需要做的事告诉Action Creators需要做什么 3.Action Cr

今天在用 redux 中的 createStore 的时候，我去 github 上瞅了一眼 api，其中 enhancer “增强” 这个第三参数吸引了我的注意。我只知道通过第三参数 applyMid

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

⁣React 的工作流程是什么？我们可以在哪些阶段进行性能优化呢？ 如果 React 项目中出现了卡顿，我们可以采用哪些性能优化技巧？ 如何通过 React Profiler 定位性能问题？

前一篇文章ReactDOM.render串联渲染链路（一），我们梳理了渲染链路的初始化阶段和render阶段的前半段，这篇文章我们来看看render阶段的后半段和commit阶段。 前面有说道，在render阶段，这个过程中，穿插了大量了beginWork、completeWo…