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

相关推荐
Java后端的Ai之路21 小时前
06-React-Props
前端·react.js·前端框架
Flynt21 小时前
开源"间谍卫星"说数据全是真的,我把它的免key数据源挨个试了一遍
前端·开源·数据可视化
Csvn1 天前
渲染管线
前端
程序员大阳1 天前
副队长CSS教程(33)–圆角与透明
前端·css·透明·圆角
志尊宝1 天前
Vue3 零基础每日笔记(082):文件上传实战——el-upload 校验、自定义上传、头像预览
前端·javascript·vue.js·笔记·#javascript·#vue.js
鬼手点金1 天前
opencode-rules 插件
java·开发语言·前端·人工智能·chrome·git·github
柳杉1 天前
借助 Codex 和可视化工作流,从调研到完整实现,3D 大屏竟然可以这么简单
前端·ai编程·数据可视化
IMPYLH1 天前
HTML 的 <wbr> 元素
前端·html
Dovis(誓平步青云)1 天前
常用命令藏得太深?怎么做一个快捷命令坞
运维·前端·自动化·音视频·prometheus
IT_陈寒1 天前
Vite的这个问题坑了我三天,原来如此解决!
前端·人工智能·后端