贝莉卡个人博客

JSX.Element定义JSX.Element是一个ReactElement，其props和type的泛型被设置为any。之所以存在JSX.Element是因...

前面两个章节我们已经了解过普通函数组件的更新流程以及React.memo方法优化函数组件的原理。本节就从实践方面来讲解React.memo方法与性能优化hook...

在上一章节，我们讲解了普通函数组件更新的基本流程，也知道了一个组件修改状态触发的更新，它的子组件也跟着重新渲染的原因。所以本节就将从React.memo方法来解...

最近在看react应用更新时的一些逻辑处理，因为之前的fiberreconciler协调流程重点学习的是FiberTree的创建过程，对整个更新流程没有进行深入...

使用过Vue框架的都会对ref非常熟悉，我们经常会使用它来引用一些组件实例或者DOM实例，而且在vue中使用起来也非常简单方便。但是在React中，ref使用起...

本章节将讲解两个关于性能优化的hook：useCallback与useMemo。本节主要是介绍这两个hook的实现原理，关于函数组件更新优化的具体逻辑会在后面新...

在react中，useState与useReducer都是我们在函数组件中定义状态变量的hook，它们的用法和原理都非常类似，所以我们经常会将它们放在一起比较，...

在我们刚开始学习react时，react官方文档就提示我们reacthook必须在函数组件顶层使用，不能在条件语句或者循环结构中使用。之所以会有这样的规定，这和...

reactdiff算法是react框架的核心算法，它最大的作用就是在应用更新的时候，找出新旧虚拟节点树的差异，最大程度的复用旧的节点信息，来减少真实的dom渲染...

为确保React项目开发的代码质量、提升团队协作效率、便于后期维护，以过去的经验总结了一篇react开发的基本规范。本规范旨在提供一套清晰、统一的代码编写标准，...