现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEffect 可以管理异步逻辑，u

css的设计并不是为组件化而生的，目前组件化框架中都需要一种合适的css解决方案； 在组件化中选择合适的css解决方案应该符合以下条件： 局部css：具备独立作用域，不会污染其它组件样式； 动态css

跨层级传递数据，通常会使用 React Context 作为媒介，hooks 提出之后，使用 context 前所未有的方便，代价也同样浮出水面。context payload 变更，会触发所有 consumer component 重新渲染，无论组件依赖的数据是否发生变化，仓…

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

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

让我们一起来看看这些问题：React为什么要单独整一套虚拟的事件系统，这样做有什么好处？ 什么是合成事件？所有的事件真的绑定在真实DOM上吗？如果不是，那么绑定在哪里？...

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

本文来源于公司内部的一次闪电分享，稍作润色分享出来。主要讨论 React 性能优化的主要方向和一些小技巧。如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。 减少计算的量。 -> 对应到 React 中就是减少渲染的节点 或者 降低组件渲染的复杂度 利用缓存。-> 对应到 …

zustand 背景 小程序之前采用的是官方推荐的dva状态管理，总觉得体量过大，写起来也相对繁琐。 随着hooks的兴起，pmndrs 的三个状态库zustand、jotai、valtio最近比较火