贝莉卡个人博客

useCallbackuseCallback的作用官方文档：Passaninlinecallbackandanarrayofdependencies.useCa...

React.lazy主要用于实现组件的动态加载，从而减少初始加载时间并提高应用的性能。在React应用中有较大的组件需要加载时，使用React.lazy可以帮助...

Zustand什么是Zustand?Zustand是一个轻量级的状态管理库，用于JavaScript应用程序，特别是在React生态系统中。它提供了一个简单、可...

摘要当使用Hook特性编写组件的时候时候，总能感觉到它的简洁和方便。当然，「天下没有免费的午餐」，它牺牲了可读性并且存在内存泄漏风险（最后有提到）。但这并不妨碍...

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的实现原理，关于函数组件更新优化的具体逻辑会在后面新...