React周刊2026W22 | React 13周年、React Router 7.16.0、Spoiled 0.5

本周 React 生态迎来多篇深度文章,涵盖 TanStack Router 与 Query 集成实践、React 60 FPS 动画性能优化技巧,以及多个实用组件库更新。React Router 发布 7.16.0 过渡版本,为 v8 升级铺路。会议方面,React Summit(阿姆斯特丹)和 Chain React(波特兰)正在招募参会者。

🔥 头条

将 TanStack Router 与 TanStack Query 搭配使用

Dominik 继续他的 TanStack Router 系列,这次将其与 TanStack Query 配对使用。Router 的缓存是按路由隔离的,而 Query 的缓存是全局的,因此 Query 更适合跨路由共享的数据场景。他介绍了如何将 QueryClient 接入 Router 上下文,并禁用 Router 自身的缓存,从而......

📖 文章

React 迎来 13 岁:"真的有人喜欢 React 吗?"

React 于 2013 年 5 月 29 日首次发布,如今才刚刚进入青少年时期,但关于 React 无处不在的抱怨多年来一直是个老生常谈,David Bushell 一直在保留证据!

React 60 FPS

一份干货满满的幻灯片,介绍了在不依赖动画库的情况下,如何通过 Canvas、requestAnimationFrame、WebSocket 和 React.memo 等手段,从 React 中榨取数据动画性能,保持 60 FPS 流畅体验。

React Data Table:响应式动态表格组件

简洁清爽且灵活可扩展,开箱即用支持列排序和分页等功能,提供大量演示和代码示例。本周发布的 v8.3 版本重点改进了国际化支持。GitHub 仓库。

pip-it-up:将任意组件弹出为浮动画中画窗口

一种将任意 UI 组件弹出到浮动"画中画"窗口的方案,附多个在线示例。

Spoiled 0.5:React 写实风格"剧透"组件

在需要遮挡的内容上方显示粒子云效果,直到内容被揭示。官网本身就是在线演示。GitHub 仓库。

📝 简讯

React Router 7.16.0 发布,作为升级 v8 的过渡版本......

React Router 7.16.0 发布,作为升级 v8 的过渡版本,稳定了 trailing-slash 数据请求标志,并对所有尚未启用的 v8 标志发出警告。

🇳🇱 React Summit 将于今年 6 月 12 日在......

🇳🇱 React Summit 将于今年 6 月 12 日在阿姆斯特丹举行(JSNation 次日)。两场会议均支持远程参会。

🇺🇸 年度 Chain React React Native 大会将于......

🇺🇸 年度 Chain React React Native 大会将于今年 7 月 30--31 日在俄勒冈州波特兰市举行。

相关推荐
刘卓航众创芯云服务部1 小时前
Kimi K3复杂任务实测:我把团队最头疼的三个场景全跑了一遍
前端
cll_8692418911 小时前
一个好看的Wordpress博客文字css样式
前端·css·ui
武子康1 小时前
Shippy:确定性工具、会话级 Sandbox 与 Live-Data Eval(4 类收敛 + 7 步实现方案 + 6 类评测指标)
前端·人工智能·后端
糖果店的幽灵1 小时前
langgraph分支之 - 动态分支(Dynamic Branch)
java·前端·javascript·人工智能·langgraph
meilindehuzi_a1 小时前
Workflow 与 Agent 有什么区别:从 LangChain 流水线到智能体决策
前端·人工智能
三翼鸟数字化技术团队1 小时前
一种前端大屏适配方案
前端·css
Bad_Shepherd1 小时前
vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标
vue.js·elementui·前端框架
小四的小六2 小时前
WebView 在 AI 时代的三个被低估的价值——从自己的 AI 产品里找到的答案
前端·openai·ai编程
程序员黑豆2 小时前
鸿蒙应用开发:ForEach 循环渲染用法详解
前端·harmonyos
JarvanMo2 小时前
HTTP 迎来 16 年来首个全新请求方法:`QUERY`
前端