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