写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的文章。有译文正文时显示译文。没有时显示英文,并注明这一点。
标签:React 19
React 19.3的更多细节:submitter属性、全屏相关参数以及打包体积的变化。
React 19.3各项细微变化的实用解析:submitter属性、全屏事件参数、并行过渡效果、onReset函数、重要的错误修复以及实际体积的增加。
阅读约 11 分钟移除提供者包装层:来自服务器组件的渲染上下文
了解 React 19.3 如何让服务器组件直接渲染客户端上下文,Flight 是如何对其进行序列化的,以及目前仍存在的读取限制和值的相关约束。
阅读约 7 分钟React 19.3中的片段引用:兄弟元素组的DOM行为,无需包装器
了解 Fragment 中的引用器如何为监听器、焦点管理、观察者以及跨兄弟元素的测量提供 FragmentInstance,以及它的局限性所在。
阅读约 12 分钟React 19 中使用 use、useActionState 和 useOptimistic 实现异步表单
在 React 19 中,use(), useActionState, useFormStatus 和 useOptimistic 如何取代手动加载与错误状态处理方式,以及每个钩子背后暗藏的隐患。
阅读约 4 分钟采用 React 19.2:标签页界面的新功能及升级检查清单
React 19.2中的Activity机制如何让隐藏的标签页保持活跃状态,useEffectEvent与预渲染功能各自的作用是什么,以及该如何判断现在是否应该升级并修补RSC应用。
阅读约 4 分钟使用 useEffectEvent 取消最新值引用:效果事件
了解 React 19.2 中的 useEffectEvent 如何将非响应式逻辑与效应函数分离,消除对 latest-value ref 的依赖,以及何时该钩子并非合适的工具。
阅读约 4 分钟选择合适的 React 工具:Derive、Handle、Fetch、Defer 还是 Effect
一份决策指南,介绍如何用派生值、事件处理程序、数据层、useTransition、measured useMemo以及React 19 API来替代传统的useEffect调用。
阅读约 8 分钟React 19 升级优先级评估:哪些新 API 可替代现有的临时解决方案
深入探讨 Server Actions、useOptimistic 以及 React 编译器的实际应用,包括相关注意事项,以及优先采用 React 19 哪些变更的规划。
阅读约 7 分钟在 Chrome DevTools 中查看 React 性能跟踪数据,找出渲染缓慢的问题所在
了解 React 19.2 中新增的调度器、组件和服务器功能如何显示缓慢交互所耗费的时间,以及用于针对这些问题采取行动的“记录-修复-记录”工作流程。
阅读约 5 分钟