⚛️ React
TanStack DB
TanStack 团队与 ElectricSQL 合作推出了一款全新的库,带来了许多令人激动的功能。它不仅拥有一个快速的查询引擎,还具备细粒度的响应式设计(减少不必要的重新渲染)、强大的事务原语以及默认的规范化数据结构。
该库基于 TanStack Store 构建,并与 TanStack Query 协同工作,扩展了集合、实时查询和乐观更新等功能。
- 💸 使用 Hope AI 快速构建专业设计系统,Bit.Cloud 推出的新模型
- 👀 React PR - 将 React RSC 集成到 Vite: 这是 Vite 官方团队实现的 React Server Components 支持。
- 👀 React Query RFC - 统一命令式查询方法: 随着 TanStack Query API 的扩展,开发者提议将六个功能相似的函数简化为两个:
query()和infiniteQuery()。 - 📜 静态即服务: Dan 将 Astro 和基于构建时的 React Server Components 进行对比,探讨如何创建无需服务器的静态站点。
- 📜 React Hook 工厂 - 如何以编程方式创建自定义 Hook: 减少设置新 React Context 时的样板代码的巧妙模式。
- 📜 React Context 并不会导致过多渲染: 文章指出,React Context 使用没有问题,渲染问题更多与大型上下文值或受控组件相关。
- 📜 React 中的依赖倒置:构建真正可测试的组件: 通过将依赖作为 props 传递来实现 SOLID 原则。
- 📜 在 React Router 中使用 OpenAuth: 一篇全面的两部分教程,讲解如何结合 React Router 和 OpenAuth 实现身份验证,并使用 SST 部署到 AWS。
- 📜 客户端 React 真的很棒: 作者通过表格布局示例,展示了客户端 React 功能如
useContext和createPortal提供了比 Server Components 更好的开发体验(DX)。 - 📜 RSC 的局限性:从业者的旅程: Nir 尝试使用 Server Components 实现无限滚动 UI,但遇到了瓶颈。最终他选择了 React Query。
- 📜 如何构建自定义 React 渲染器: 使用
react-reconciler包构建视频合成软件。 - 📜 使用 XState 在 React 中管理状态的 Actor 模式
- 📜 如何将 React Query 与 AG Grid 集成?
- 📦 React Router 7.6 - 新增
routeDiscovery配置选项: 新配置选项提供了对 Lazy Route Discovery 功能的更精细控制。 - 📦 Redux Toolkit 2.8 - 无限查询分页参数、RN 兼容性
- 📦 Parcel 2.15 - 新增 HTML 和 SVG 转 JSX 转换器
- 📦 eslint-plugin-react-you-might-not-need-an-effect
- 🎥 Jack Herrington - 服务端函数不存在(为什么重要)
- 🎥 Lee Robinson - 使用 Next.js 和 Vercel 构建多租户 SaaS 应用
- 🎥 Epic Web Conf 2025 - 演讲上线
- 🎙️ PodRocket 563 - 与 Dan Abramov 谈 JSX over the wire
- 🎙️ Syntax.fm 901 - 新 React & Svelte API、RSC 更新、Redwood 和 Storybook
📱 React-Native
Office 如何利用 Windows App SDK 和 React Native 现代化其应用套件的 UI
微软的 Chiara Mooney 描述了他们如何使用 React Native 在旗舰 MS Office 套件中实现最新的 Copilot 功能,这套工具已被 6 亿用户 使用。
他们采用了“岛屿架构”模式,这种模式在前端生态系统中被 Astro 等框架广泛采用。
有趣的是,React Native 已经在企业级应用中得到了广泛应用,而不仅仅是 Android 或 iOS 平台。
- 💸 WithFrame - 预构建的 React Native 模板
- 🐦 mrdoob - 诚恳的问题:为什么有人会选择 Flutter 而不是 React Native?: Three.js 创始人发起的一场关于 React Native 和 Flutter 开发者之间的讨论。
- 🗓 React Universe Conf - 🇵🇱 弗罗茨瓦夫 - 9月2日至4日。明星演讲嘉宾已公布!使用代码“TWIR”享受 10% 折扣。
- 📜 Expo - 使用构建缓存提供程序加速本地开发(实验性功能): 使用远程构建缓存避免重复编译相同的代码,从而更快交付。
- 📜 Apple 街上的噩梦: 从 Linux 发布应用到 App Store 可能是一场噩梦。在尝试之前,请先了解其中的障碍和挑战。
- 📦 React Native 0.80 RC.1: 即将发布的 React Native 版本现已进入 RC 阶段。包含 TypeScript 的改进、新的 Strict API、径向渐变支持以及 React 19.1。
- 📦 React Native Legal - 零配置开源许可证屏幕: Callstack 团队推出的零配置跨平台库,自动处理许可证元数据生成和应用内显示。
- 📦 Re.Pack 5.1 - 预加载远程模块、运行时钩子和更快启动: 此版本主要关注更好的 Module Federation 2 支持。
- 📦 TanStack Query 5.76 - 支持 Expo/React Native 的 DevTools
- 📦 Radon IDE 1.6 - React Profiler 集成、条件断点和表达式断点、Expo SDK 53
- 📦 React Native Skia 2.0 - 最低要求 React 19 和 React Native 0.78
- 📦 Rive React Native 9.3 - 数据绑定支持、新 useRive() 钩子、更简单的 .riv 文件加载
- 🎥 Simon Grimm - Expo 和 Vercel AI SDK 让 React Native AI 应用开发变得轻而易举
- 🎙️ React Native Radio 331 - 新架构,新时代与 Riccardo Cipolleschi
- 🎙️ Rocket Ship 68 - Expo SDK 53 亮点、React Native AI、Worklets 和免 Apple App Store 佣金
🔀 其他
- 🎥 Matt Pocock - 数组、对象……现在有了
composites?: 这是一个令人兴奋的 JS 提案,取代 Records 和 Tuples。 - 📜 介绍 Rslib: 使用 Rspack 构建库: 由字节跳动 Web 基础设施团队开发,Rslib 是一款易于配置、功能全面且性能优先的库开发工具。
- 📜 CSS 中的新绘图语法 shape(): clip-path 的新功能现已支持,允许您使用任意和响应式的形状裁剪元素。
- 📜 CSS 高度之谜
- 📜 V8 JavaScript 引擎背后的秘密
- 📜 无障碍的艺术
- 📜 使用自定义元素创建新的表单控件
- 📦 Lightning CSS 1.30 - 相对颜色规范、伪元素嵌套规范、Android 构建支持等