笔者是一个 react 重度爱好者，在工作之余，也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰，手留余香，阅读的朋友可以给笔者点赞，关注一波 。 陆续更新前端文章。 方向分别加以探…

我们在日常的项目开发中往往会把页面拆分成一个个的组件，通过拼装的方式来实现整体的页面效果，所以与其说去优化 React，不如聚焦在现有的组件中，思考🤔如何去设计一个组件才能提高他的性能

useContext为我们解决多层嵌套传值的问题，本文主要讨论了useContext跨层级组件共享状态的知识和性能方面的注意项。

先有问题再有答案 bundle是什么 为什么需要打包？ 资源体积对首屏性能有什么影响？ bundle资源越小 性能越好嘛？ 如何优化资源体积？ 打包&bundle 为什么要打包： 转译（Transpi

原作博客可以说是我全网所见的关于 React 性能优化最好的博客。这篇文章告诉我们，两个被广泛使用的 hooks 是如何被滥用的，而我们为什么应该将大部分与它们相关的代码删掉

前言 最近闲来没事，一直在掘金上摸鱼，看了不少高并发相关的文章，突然有感而发，想到了几年前做的一个项目，也多少和高并发有点关系。 这里我一边回忆落地细节一边和大家分享下，兴许能给大家带来点灵感。 正文

有一天体验公司项目，录制performance时候，发现一段预期之外longtask，是一个筛选项，使用ui库的treeSelect组件渲染的(大体样式如下面截图)，点这个筛选项在其进行渲染时有一段比

- Core Lib - monaco-editor [Code Editor] 0.40.0 - @babel/standalone [Code Compiler] 7.22.17

前言 在之前的文章《基于Antd Form组件的二次封装，配置化生成表单、一级列表二级列表功能》中我们用代码的方式介绍了antd-form-multi组件库， 但是不直观的知道antd-form-mu