react-pubsub訂閲與發佈

React 19.3 已发布到 npm，核心是把去年以实验 API 形式公布的 View Transitions 和 Fragment Refs 正式转正，同时新增了几个 DOM 与 RSC 相关的 API。下面按特性整理。 一、View Transitions（视图过渡动画，正式发布） 是什么 是基于浏览器原生 封装的组件。把你想要加动画的元素包起来，当元素 进入、退出、移动或尺寸变化 时，React 自动播放过渡动画。 基本用法 只...

在 React Hooks 中， 和 都用于处理副作用逻辑，例如订阅、事件监听、DOM 操作等。但它们有着本质性的执行时机差异，这影响到页面渲染、布局抖动、性能表现等关键点。 1\. 执行时机的核心区别 在 React 的渲染流程中： 1. 渲染（Render phase） React 根据 state/props 计算 UI，生成虚拟 DOM，不访问真实 DOM。 2. 提交（Commit phase） React 将虚拟 DOM 变...

倒计时 倒计时是一个非常常见的业务场景，但是在 React 中实现起来，却不算简单。 首先我们来看这段倒计时代码，它能否正常执行？ 来看看实际表现效果 可以看到计时器在不断执行，但是 的值却没有变。 这是一个很经典的问题：React 闭包陷阱 。 我们来详细分析下： 的依赖数组 是空的，这意味着 effect 只会在组件挂载时执行一次，而不会在 状态更新时重新执行。所以 回调函数中捕获的 值始终是初始值 。 这个问题解决起来也很简单，有...

前言 在React开发中，性能优化是一个永恒的话题。今天我们就来深入探讨React提供的三个重要性能优化工具： 、 和 ，它们如何帮助我们构建更高效的React应用。 1\. 为什么需要性能优化？ 🤔 React的核心机制是当组件的state或props发生变化时，组件会重新渲染。但有时这种重新渲染是不必要的： 父组件更新导致所有子组件重新渲染 ，即使子组件的props没有变化 复杂计算在每次渲染时重复执行 ，消耗大量资源 函数引用在...

React 中 和 ，两者都用于优化性能，但适用场景和实现方式不同。 核心概念解析 1\. useDeferredValue：延迟值更新 作用 ：告诉 React 延迟更新某个值 ，直到所有高优先级渲染任务完成。 适用场景 ：当某个值的更新会触发计算密集型渲染（如复杂列表、图表），但需要优先保证其他高优先级 UI（如输入框）的响应。 机制 ： 保持旧值显示，后台计算新值。 计算完成后，用新值更新 UI，期间允许用户继续交互。 示例 ：...

  目前作者所在的业务正在升级 Antd5.0，不得不说 Antd5.0 真的太香了，但是由于团队的 UE 规范进行了大改版，Antd5.0 所有的 必须对齐最新的规范，因此就需要对 Antd5.0 组件做主题定制。 现状 目前针对项目中使用的 antd 高频组件进行了梳理，并且根据规范基于 design token 对这些高频组件进行样式定制，对于主题色、圆角、边框、字体等用户 高的主题都已经满足团队规范。 虽然 Desig...