React KeepAlive 实现，不依赖第三方库，支持React18，大家好！打工人打工魂，我是阿祎，是一个前端开发经验3年+的菜菜子打工人👷🏻‍♂️，略微懂些后端和运维部署，React开发框

antd默认的下拉框只能显示名称，但是有些数据名称可能重复，比如说人名，这时候用户在选择的时候，希望看到更多的信息来区分，比如说工号或角色。 基于上面情况我们来封装一个用户体验不错的下拉框。

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

大家好，我卡颂。 经常使用React的同学都知道，有些hook被设计为：依赖项数组 + 回调的形式，比如： useEffect useMemo 通常来说，当依赖项数组中某些值变化后，回调会重新执行。

前面的文章梳理了Fiber架构的render 流程，我们知道 beginWork的目的是为传入的workInprogress fiberNode生成子fiberNode，生成的方式有两种： 通过对比w

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

相信很多人跟我之前一样，看到源码两个字觉得触不可及，觉得离自己还很遥远，是需要非常多年的工作经验的大佬才能触及到的领域。就在去年我改变了这个想法，当时被react的几个生命周期执行顺序弄的睡不着觉。

Reactv17、v18在v16的基础上做了哪些该改变？在v17中事件系统又是如何绑定，如何收集，如何触发的？...如果你对以上有疑问，那么这篇将会完全解决你的疑问

本期看点：探索组件在线预览和调试，《MiniReact》带你循环渐进了解React原理，veImageX演进之路：我用图像压缩算法为公司省了30%成本，字节跳动的云原生技术历程演进