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 日在俄勒冈州波特兰市举行。

相关推荐
Made in Haven712几秒前
HTML课程笔记补2
前端·笔记·html
Cry丶10 分钟前
Vue 3 业务管理页面实战:组件拆分、父子通信与弹窗复用
前端·javascript·vue.js·父子通信·组件拆分·弹窗复用
雪芽蓝域zzs20 分钟前
Vue前端配置路由通配捕获 404
前端·javascript·vue.js
计算机魔术师21 分钟前
Anthropic 发布电商 Agent 架构与生产实践指南,并开源 commerce-agents 参考实现
前端
IMPYLH30 分钟前
HTML 的 <ol> 元素
前端·html
IMPYLH31 分钟前
HTML 的 <object> 元素
前端·html
DevOpenClub32 分钟前
PDF 多格式解析如何避免混用输出:TEXT、HTML、XML 与 TAG 数据契约
xml·前端·数据库·pdf·html
meilindehuzi_a40 分钟前
从域名到数据库:React + Node.js 项目部署全流程与用户访问链路
数据库·react.js·node.js
用户2526327534741 分钟前
请问同一台服务器能同时部署前后端项目并支持https吗?
前端
Sincerelyplz1 小时前
【Pipecat】基于Pipecat的voice agent实践
前端·后端·agent