什么？今天我被 Leader 拉进小黑屋了！“有很多用户吐槽咱的页面太卡了”，本文将从笔者近期参与的一个实际业务需求出发，总结性能优化思路，讲述我在 React 中后台场景下性能问题排查的心路历程

1.你知道哪些React hooks？ useState：用于管理功能组件中的状态。 useEffect：用于在功能组件中执行副作用，例如获取数据或订阅事件。 useContext：用于访问功能组件内

前段时间在项目的函数组件中使用了hook的useEffect, 类似于下面这个App函数组件。 useEffect内部闭包中的这个定时器打印的count始终是1，即使onClick事件触发了很多次。我就很好奇了，为啥count拿不到最新值？经过不断的google，终于找到一篇文…

React Beautiful DnD 是一个用于实现拖放排序功能的第三方库，它为 React 应用程序提供了一个易于使用和灵活的 API。本文将为您介绍 React Beautiful DnD 的使

阅读react组件库的时候，发现很多自定义的hooks中很喜欢使用ref，使用ref让人的观感很不好，但是为什么又不得不使用ref呢？以及复习一下useCallback的使用场景

基于react-beautiful-dnd封装一款通用的拖拽库。一些踩坑心得的总结，比如拖拽的映射位置问题，拖拽元素在拖拽过程中的高度不一致问题，通用样式的设计问题以及实现拖拽过程中的流畅性问题解决。

拖拽上下文，这个组件用来包裹我们想要拖拽的列表，<Droppable />和<Draggable />必须放在这个组件里面。 其中OnDragEnd是拖拽结束事件，是必须要传的参数。 可放置组件，这个组件用来包裹能够被拖动元素放置的列表。 组件内部只接收函数…

unstated 是基于 Class Component 的数据流管理库，unstated-next 是针对 Function Component 的升级版，且特别优化了对 Hooks 的支持。 与类 redux 库相比，这个库设计的别出心裁，而且这两个库源码行数都特别少，与 …