本期亮点 🌟
『生成器的使用体验正在提升』
Alex MacArthur 提到，尽管 生成器函数 在 JavaScript 中已经存在很长时间，但它们的实际应用并不广泛。本文深入探讨了生成器是什么，并分析了它在哪些场景下可以发挥作用。
『JavaScript 的新能力：显式资源管理』
V8 v13.8 引入了确定性资源清理的概念。通过 using 或 await using 块，可以将任何文件句柄、流或连接交给运行时处理，一旦资源超出作用域，系统会自动清理。
—— Rezvan Mahdavi Hezaveh (V8团队)
『像专业人士一样编写 CSS』
由 Frontend Masters 赞助，Kevin Powell 分享了如何利用现代 CSS 特性（如嵌套、工具类、自定义属性等）从零开始构建响应式网站。该课程还详细讲解了动画、视图切换等内容，为你的项目增添更多细节和亮点。
『Basecoat：shadcn/ui 的魔力，但无需 React』
如果你喜欢 shadcn/ui 提供的设计精美的 React 组件，但又希望在其他框架甚至无框架环境中使用它们，Basecoat 是你的不二选择。它将组件移植到了更通用的形式，方便你在任何框架中使用。
—— Ronan Berder
简讯速递 📰
- 你知道
console.log支持格式化字符串吗？ 我之前完全没发现！ 😲 - Deno 团队分享了 Fresh 框架的最新进展。
- Angular 团队预告了将于 5月29日 发布的 Angular 20，更多内容可能会在 Google I/O 上揭晓。期待与大家见面！ 👋
- 微软本周宣布了一轮裁员，令社区遗憾的是，TypeScript 核心贡献者之一 Ron Buckton 也在受影响名单中。详情
- Brian Clark 分享了 创建现代 npm 包的最佳实践。
新版本发布 🎉
- Node.js 安全更新
- Nuxt 3.17 – 全栈 Vue.js 框架
- Parcel v2.15.0 – 新增 HTML 和 SVG 的转换器及压缩器，支持将 SVG 转换为 JSX 用于 React 组件
- React Router 7.6, MUI X 8.3, Mithril.js 2.3
文章推荐 📚
-
JavaScript 中的
this到底是什么？
Mat 'Wilto' Marquis 深入探讨了this关键字的复杂性，解释了它的值取决于函数调用的上下文，而不是定义位置。这是对这一基础主题的全新解读，值得一看！ -
如何调试 Flask + React 中的结账流程问题？
Sentry 展示了如何通过追踪工具快速定位全栈问题，避免因购物车丢失而导致收入损失。 -
用 GitHub Copilot 构建 React 应用
Kedasha Kerr 提供了一个结合视频演示的完整指南，展示了如何高效使用 GitHub Copilot 快速开发现代 JavaScript 应用。 -
JavaScript 中的正则表达式
Adebayo Adams 总结了正则表达式的强大功能，帮助开发者更好地理解和运用。
工具与代码推荐 🛠️
-
ANSIS 4.0：跨平台 ANSI 颜色库
GitHub 仓库
这是一个强大的库，支持在终端、浏览器、Node.js、Bun、Deno 以及 Next.js 等多种环境中使用 ANSI 转义序列进行文本着色和样式设置。迁移指南 可帮助现有用户升级到 4.0 版本。 -
TanStack DB：实时同步客户端存储
GitHub 仓库
TanStack 家族的新成员，扩展了 TanStack Query 的功能，增加了集合、实时查询和乐观更新。 -
Clerk Billing：轻松实现订阅功能
Clerk 提供了一种无需编写支付代码或设计 UI 即可添加订阅功能的方式。 -
Svelte Sonner：Svelte 的 Toast 通知组件
如果你熟悉 React 中的 Sonner，那么现在 Svelte 用户也可以享受同样的便利啦！
—— Robert Soriano -
tscircuit：用 React 设计电子电路
一种基于 JSX 的方法来设计和布局电路板。GitHub 仓库
—— tscircuit Inc.
小贴士 💡
Fx 36.0 是一个命令行 JSON 查看和处理工具，支持流式 JSON 和大文件解析。适合需要快速处理 JSON 数据的开发者。
本期亮点 🌟
『生成器的使用体验正在提升』
Alex MacArthur 提到，尽管 生成器函数 在 JavaScript 中已经存在很长时间，但它们的实际应用并不广泛。本文深入探讨了生成器是什么，并分析了它在哪些场景下可以发挥作用。
『JavaScript 的新能力：显式资源管理』
V8 v13.8 引入了确定性资源清理的概念。通过 using 或 await using 块，可以将任何文件句柄、流或连接交给运行时处理，一旦资源超出作用域，系统会自动清理。
—— Rezvan Mahdavi Hezaveh (V8团队)
『像专业人士一样编写 CSS』
由 Frontend Masters 赞助，Kevin Powell 分享了如何利用现代 CSS 特性（如嵌套、工具类、自定义属性等）从零开始构建响应式网站。该课程还详细讲解了动画、视图切换等内容，为你的项目增添更多细节和亮点。
『Basecoat：shadcn/ui 的魔力，但无需 React』
如果你喜欢 shadcn/ui 提供的设计精美的 React 组件，但又希望在其他框架甚至无框架环境中使用它们，Basecoat 是你的不二选择。它将组件移植到了更通用的形式，方便你在任何框架中使用。
—— Ronan Berder
简讯速递 📰
- 你知道
console.log支持格式化字符串吗？ 我之前完全没发现！ 😲 - Deno 团队分享了 Fresh 框架的最新进展。
- Angular 团队预告了将于 5月29日 发布的 Angular 20，更多内容可能会在 Google I/O 上揭晓。期待与大家见面！ 👋
- 微软本周宣布了一轮裁员，令社区遗憾的是，TypeScript 核心贡献者之一 Ron Buckton 也在受影响名单中。详情
- Brian Clark 分享了 创建现代 npm 包的最佳实践。
新版本发布 🎉
- Node.js 安全更新
- Nuxt 3.17 – 全栈 Vue.js 框架
- Parcel v2.15.0 – 新增 HTML 和 SVG 的转换器及压缩器，支持将 SVG 转换为 JSX 用于 React 组件
- React Router 7.6, MUI X 8.3, Mithril.js 2.3
文章推荐 📚
-
JavaScript 中的
this到底是什么？
Mat 'Wilto' Marquis 深入探讨了this关键字的复杂性，解释了它的值取决于函数调用的上下文，而不是定义位置。这是对这一基础主题的全新解读，值得一看！ -
如何调试 Flask + React 中的结账流程问题？
Sentry 展示了如何通过追踪工具快速定位全栈问题，避免因购物车丢失而导致收入损失。 -
用 GitHub Copilot 构建 React 应用
Kedasha Kerr 提供了一个结合视频演示的完整指南，展示了如何高效使用 GitHub Copilot 快速开发现代 JavaScript 应用。 -
JavaScript 中的正则表达式
Adebayo Adams 总结了正则表达式的强大功能，帮助开发者更好地理解和运用。
工具与代码推荐 🛠️
-
ANSIS 4.0：跨平台 ANSI 颜色库
GitHub 仓库
这是一个强大的库，支持在终端、浏览器、Node.js、Bun、Deno 以及 Next.js 等多种环境中使用 ANSI 转义序列进行文本着色和样式设置。迁移指南 可帮助现有用户升级到 4.0 版本。 -
TanStack DB：实时同步客户端存储
GitHub 仓库
TanStack 家族的新成员，扩展了 TanStack Query 的功能，增加了集合、实时查询和乐观更新。 -
Clerk Billing：轻松实现订阅功能
Clerk 提供了一种无需编写支付代码或设计 UI 即可添加订阅功能的方式。 -
Svelte Sonner：Svelte 的 Toast 通知组件
如果你熟悉 React 中的 Sonner，那么现在 Svelte 用户也可以享受同样的便利啦！
—— Robert Soriano -
tscircuit：用 React 设计电子电路
一种基于 JSX 的方法来设计和布局电路板。GitHub 仓库
—— tscircuit Inc.
小贴士 💡
Fx 36.0 是一个命令行 JSON 查看和处理工具，支持流式 JSON 和大文件解析。适合需要快速处理 JSON 数据的开发者。
