376 期 - “react-strict-dom” 为什么这么出色?
本期看点:Meta 的 react-strict-dom 是 React DOM 和 StyleX 的实验性集成,用于规范化开发样式化的 React 组件,包括 web 和 native。Szymon 在这篇文章中进行了深入的讲解。
编辑:Yucohny、TimLi
🔥 本周热门
Million Lint Beta 发布 —— Million 的使命是使 React 应用程序更快,新的 VS Code 扩展程序 Million Lint 采取了新的方法:想象一下类似 ESLint,但是用于建议 性能 改进。在任何 React 应用程序中运行 npx @million/lint@latest
就可以使用 Million 了。
Aiden Bai
“react-strict-dom” 为什么如此出色? —— Meta 的 react-strict-dom 是 React DOM 和 StyleX 的实验性集成,用于规范化开发样式化的 React 组件,包括 web 和 native。Szymon 在这篇文章中进行了深入的讲解。
Szymon Rybczak
Vercel 发布 Vercel AI SDK v3.0 —— 你可能记得 Vercel 去年发布了一个工具 v0,它使用 AI 从自然语言描述中创建 React 组件。作为他们最新的 AI SDK 套件的一部分,他们已经开源了 v0 背后的技术,并开放了一种通过 RSC 以流式方式将 AI 集成到 React 应用程序中的方法。
Palmer, Ding, Leiter, et al. (Vercel)
React Unforget:一个实验性的 React Compiler 替代品? —— React 团队在他们最近的更新中 透露了更多 关于 React Compiler(又名 “Forget”)的潜力,Mohamad 表示:“由于 React Forget 的发布时间线不明确,现在发布了一个社区驱动的版本以保持创新活力。我相信 React Unforget 可以成为 React Compiler 的 Preact。”
Mohamad Mohebifar
▶ 100 秒解释 Expo —— 如果你从未完全理解 Expo 为 React Native 带来了什么,Fireship 在这里快速总结了一下。简单来说,把 Expo 看作是构建 React Native 应用的更高层的结构和工具,以及库和组件。
Fireship
使用 Next.js 和 Strapi 构建一个真实的、AI 驱动的项目 —— 一个教程,通过 AI 和使用 Strapi 开源、无头 CMS 来构建一个可以总结 YouTube 视频的 Next.js 应用。
Paul Bratslavsky (Strapi)
▶ 使用 Remix 与 Kent C. Dodds 创建史诗级网络体验 —— Kent 分享了为什么他觉得 Remix 是一个优秀的框架,以及他是如何创建广受欢迎的课程。
Tejas Kumar podcast
Sam Selikoff
测试使用 App Router 的 Next.js 项目的路由 API
David Mytton
🛠 代码与工具
React Barcode v1.5:一个渲染条形码的组件 —— 一个用于 JSBarcode 的 React 包装器,JSBarcode 是一个可以生成多种格式条形码的库,如 EAN、CODE128、ITF 和 MSI。这里是 GitHub 仓库。
Lee Sun-Hyoup
ONBOARDING_LIB:一个无头登录库 —— 一个用于 React 应用程序的登录库,它可以让你更容易地构建可访问、可定制和持久的登录流程。它的文档站点本身就是这种流程的一个示例。
Neftic Oy
React Native SVG 15:React Native 的 SVG 库 —— 同时还有一个兼容层,可以让它在 Web 上与常规的 React 一起工作。v15 特别引入了 visionOS 的支持。
Software Mansion
UVCanvas:从 React 中渲染阴影画布 —— 你应当需要观看一些示例来获得想法,但它们的范围从 干净和简单 到 看起来像 macOS 屏幕保护程序 和 熔岩灯式体验。
Latent Cat
rc-tree-select:一个基于树的选择组件 —— 这个 现场演示 给了我复古的 Windows 的感觉。
Alipay
版本发布:
-
Downshift v8.4 – 用于构建可访问的自动完成、组合框和选择下拉组件的原语。
-
ReacType v20.0 – 面向 React 开发人员的可视化原型工具。
-
React Custom Scroll v7.0 – 可自定义的原生滚动。
-
visx v3.9 – Airbnb 的基于 React 的可视化原语。
-
BlockNote v0.12 – “概念式”基于块的编辑器。
-
React-Dart v7.1 – 面向 React 的 Dart 包装器。