⚛️ React
Next.js 15.4 版本现已发布!此版本更新了性能和稳定性,并为 Turbopack 构建提供了 100% 的集成测试兼容性,顺利通过了全部 8298 项生产构建集成测试。Vercel 已经通过使用 Turbopack 驱动其官网 vercel.com 来展示其生产就绪性。
此外,该版本还提供了 Next.js 16 的早期预览。你现在就可以试用即将推出的功能,例如缓存组件、通过 next build --turbopack 命令启用的 Turbopack 构建、优化的客户端路由以及稳定的 Node.js 中间件。
- 💸 通往 Next 之路 - 使用 Next.js 15 和 React 19 精通全栈 Web 开发:一本旨在帮助你掌握最新技术的实战指南。
- 👀 Next.js 草案 PR – 初步支持类型化链接:为 Next.js 引入了一个全新的类型化链接 API,该 API 构建于新的
experimental.typedRoutes功能之上,提供了类型安全的导航。这对开发社区来说是一个极好的举措,因为类型安全的导航总是受欢迎的。 - 👀 React Compiler PR – 文档全面重写:这再次表明 React Compiler 即将宣布稳定,因此需要在文档中占据更突出的位置。
- 📖 React Router - 中间件文档:这个新的文档页面描述了核心概念和常见模式,并附有大量代码示例。
- 🦋 Firefox 审查团队因扩展使用了源生 React 而拒绝了 React DevTools 的后续更新。
- 🐦 TanStack Start 将不完全依赖于 Nitro:TanStack Start 将不完全依赖于 Nitro 服务器,并且与 Vercel 旗下的包没有硬性依赖关系(这是社区在 Vercel 收购 NuxtLabs 后的一大担忧)。它正朝着“Vite 原生”的方向发展,以支持任何使用环境 API 配置构建输出的 Vite 插件。
- 🐦 Alex Sidorenko – 如何在不牺牲 Next.js 导航速度的情况下减少预取:一篇关于性能优化的实用技巧。
- 👥 Lee Robinson – 我在 Vercel 的五年中学到的 5 件事:Next.js 的核心人物之一 Lee Robinson 即将离开 Vercel。他决定分享他在此期间学到的 5 件最重要的事情。与此同时,Sam Selikoff 加入了团队,并宣布将致力于开发新功能,如 ViewTransitions、预渲染和
use cache指令。 - 📜 架构师微前端指南:深入了解 React 和 Angular 中的模块联邦:传统的单体架构常常带来开发周期缓慢和系统脆弱等限制。通过这篇内容详实的文章,学习如何使用模块联邦(Module Federation)作为实现微前端的新兴标准。
- 📜 约束下的架构设计:一份实用指南:探讨如何在现实约束下做出明智的架构决策。
- 📜 如何使用 React-Three-Fiber 创建动态图像动画:一篇富有创意的视觉效果教程。
- 📜 Three.js 实例:同时渲染多个对象:学习如何通过实例化来优化 Three.js 的渲染性能。
- 💸 Convex 与 Resend 展开合作:两个优秀的服务强强联合。
- 📦 TanStack Router 1.26:新增自定义 React Vite 插件,通过它,该库将很快停止自动配置 React/Solid Vite 插件,从而增加了自定义配置的可能性。
- 📦 TanStack Router 1.27 – 使用 Seroval 进行 SSR:它允许将通常无法序列化的数据(如
Date对象)序列化为 JSON。 - 📦 TanStack Query 5.82 / 5.83 – 新增
mutationOptions对象:为useMutation提供了更灵活的配置方式。 - 📦 oxc 0.77 – 支持 styled-components 转换器插件:对流行的 CSS-in-JS 库提供了更好的支持。
- 🎙️ Podrocket – Storybook 9 通过 Michael Shilman 提升 UI 测试水平:一期关于 UI 测试工具的深度播客。
📱 React-Native
一项将 Node-API 引入 React Native 的合作成果。Node-API 允许原生代码以一种独立于运行时且 ABI 稳定的方式与 JavaScript 交互。尽管大部分实际代码是从 React Native Windows 上游移植的,但将 Node-API 支持添加到 Hermes 的 PR 仍在进行中。
由 Expensify 和 Software Mansion 共同创建的一个新的 React Native 库。它简化了在移动应用中集成支付卡到 Apple 和 Google Wallet(应用内配置)的过程,并在底层处理了平台特定的复杂性。它支持 Visa、MasterCard、Amex 或 Discover 等多种卡提供商,并确保集成遵循 Google 和 Apple 严格的指导方针和最佳实践。
- 💸 PostHog - 如何设置 React Native 应用内调查问卷:通过用户反馈提升产品体验。
- 🐦 React-Native-Worklets - Bundle 模式预览:一个实验性功能,使得在 worklets 中使用第三方 npm 包成为可能。
- 🐦 Legend List 正在进行大规模重写:旨在提升性能和实现同步挂载。
- 🐦 React-Native-Keyboard-Controller 现已在 Expo Go 中可用:为键盘管理提供了更强大的控制。
- 🐦 Expo 指纹组件的交互式比较,以更好地理解 OTA 更新:帮助你深入了解 Expo 的更新机制。
- 📜 Chromium 博客 – 介绍 Skia Graphite:Google 发布了一个新的光栅化后端,因为原有的 Skia 引擎在性能上遇到了瓶颈。得益于新方案 Graphite,Motionmark 1.3 的得分(在 Macbook Pro M3 上)提高了近 15%,并改善了真实世界的指标。我们应该能在未来版本的 React-Native-Skia 中受益于此。
- 📜 设备端 Apple LLM 支持登陆 React Native:
@react-native-ai/apple的预览版发布,将设备端 Apple 基础模型引入 React Native。 - 📦 Metro 0.83 – 现在需要 Node 22.14:构建工具链的版本要求更新。
- 📦 Module Federation - Metro 插件:Callstack 为模块联邦制作了一个新的 Metro 插件,它将帮助你调整 React Native 应用,并开始在 Metro 打包器中使用模块联邦。
- 📦 Radon IDE 1.9 – Radon Connect、不同项目配置切换、Android 摄像头输出:IDE 功能更新。
- 📦 React Native Enterprise Framework 0.8 – 新的视觉表现、支持 RN 0.80、RNC CLI 19.1:企业级框架更新。
- 📦 React Native Apple LLM – 适用于 Apple Intelligence 和 Foundation Models 的插件:在 RN 中拥抱苹果的 AI 能力。
- 📦 Tinybase 6.4 – 新增
persister-react-native-sqlite模块:为移动端提供了新的数据持久化方案。 - 🎙️ RNR 337 – 与 Markus Leyendecker 探讨用于 React Native 的 Meta Quest:关于在 VR 中使用 RN 的播客。
- 🎙️ Rocket Ship 76 – Unistyles 3.0、SwiftUI 滤镜、Nitro 的热议和 Expo 的辩论:一期涵盖多个热门话题的播客。
- 🎥 Expo – 如何构建一个自定义 Expo 模块:官方视频教程。
- 🎥 Software Mansion – 在 React Native 中构建 Apple 和 Google Photos 克隆应用:一个有趣的实战项目视频。
🔀 其他
- 📜 **CSS 技巧 - 获取元素在其父元素中的索引 -
selection-index()和selection-count():一个非常实用的 CSS 新特性。 - 📦 Nuxt 4.0 –
app/目录、更智能的数据获取、改进的 TS 集成:Vue 生态的重要框架发布大版本更新。 - 📦 Deno 2.4 –
deno bundle、新的资源导入方式、--preload标志:一个现代化的 JavaScript/TypeScript 运行时更新。 - 📦 Rspack 1.4.8 – 新的 Rust 监视器,使热模块替换(HMR)速度提高约 10%:基于 Rust 的打包工具性能再提升。
- 📦 TypeGPU 0.6.0:WebGPU 的类型安全封装库。
- 📦 zshy – 一个新的无需打包器的 TypeScript 库构建工具:探索新的构建工具范式。
- 🔗 jsdate.wtf – “你对 JavaScript 的 Date 类了解多少?”:一个有趣的 28 题小测验,考验你对 JavaScript
Date类的熟悉程度。 - 🔗 Matt Pocock 更新的 npm 包创建超级指南:一份详尽的指南,教你如何从零开始创建一个 npm 包。