Svelte 的最新动态：2024年11月

如果你错过了Svelte 5 的发布公告、全新的omnisite 网站或者维护者们在 Svelte 峰会上进行的实时发布……Svelte 5 已正式发布！

在 Svelte 峰会上同时宣布了 SvelteHack 2024：一次 Svelte 黑客马拉松（带着不那么 “svelte” 的奖品）。提交截止日期为1月9日，仅限于10月18日之后开始的项目。因此，准备好你的 $，开始黑客开发吧！

自 Svelte 5 发布以来，已经发布了一个小版本更新，新增了一些实用功能。本月的回顾中，我们将深入探讨这些新功能——以及 CLI、SvelteKit 等各方面的诸多更新。

Svelte 的最新动态

如果你最近才迁移至 Svelte 5，可以查看最近几个月的更新，了解所有已包含在此版本中的功能。本月的一些更新标记为 -next.XXX，这些变更曾出现在 5.0 版本中。

• 代码片段现在可用于填充插槽（5.0.0-next.262，#13427）
• hidden until-found 和 beforematch 现在可用于 DOM 元素（5.0.0-next.266，MDN 文档，#13612）
• 重大变更： 在逻辑块表达式中不允许状态突变（5.0.0-next.269，#13625）
• getContext() 现在允许在 $derived 表达式中使用（5.1.0，文档，#13830）

想了解 Svelte 编译器变得更好的一切（包括简化迁移的所有变更），可以查看变更日志。

SvelteKit、Svelte CLI 和语言工具的最新动态

• adapter-auto 现在支持 Bun 包管理器（3.3.1，#12854）
• Svelte CLI 现在支持众多适用于新项目和现有项目的附加功能。你可以在CLI 仓库中找到完整的附加功能列表，或从命令行运行 npx sv create。
• Svelte 扩展现在提供 Svelte 5 组件迁移命令（extensions-109.1.0）

---

社区展示

使用 Svelte 构建的应用程序和网站

• DocumentCloud 是一个全能平台，全球新闻编辑室用它来管理原始文档。
• Chord 是一个用于录制高质量播客和采访的应用程序。
• Monokai.pro 现在使用 Svelte 5（详情见Reddit 帖子）。
• svelte audio visualizations 非常适合可视化语音输入和输出。
• avi12 的 YouTube 扩展 是 Svelte 在 Chrome 扩展中应用的绝佳范例。
• Multy 是一个简单工具，允许你创建 URL 列表并通过单个链接共享。
• BlackJack 是一个用 Svelte 5 构建的纸牌游戏，用于展示 Svelte 功能的教育及演示目的。

学习资源

特色 Svelte 贡献者及大使

• Svelte 峰会 2024 秋季 非常精彩！留意这个播放列表，以观看各个分拆视频。
• Svelte 5 基础 - 面向初学者的完整 Svelte 5 课程 by Syntax
• 使用服务器加载函数减少 SvelteKit 和 Svelte 5 的包大小 by Stanislav Khromov

本周 Svelte 动态

• 第79集 — 更改日志，全局/共享状态，Kampsy-ui
• 第80集 — 更改日志，formgator
• 第81集 — 更改日志，Inertia.js
• 第82集 — 更改日志，迁移指南

阅读推荐

• Svelte 响应式绑定与键盘事件的速度比较 by Zell Liew
• SvelteKit + Passkeys by Passlock
• 使用 Replicache 进行本地优先的 Web 开发：构建流畅用户体验 by Shootmail
• 10 个让 Svelte 开发者在 2025 年脱颖而出的颠覆性工具 by Sébastien Conejo

视频推荐

• Svelte 5 就像 React，但更好 by Theo - t3․gg
• JavaScript 框架自我革新……”符文” 是否破坏了 Svelte？ by Fireship

库、工具和组件

• Svelte 5 测试示例 是一个优秀的项目示例，展示了如何使用 Vitest 测试 Svelte 5 应用程序。
• Origin UI - Svelte 是一套全面的复制粘贴组件集合，用于快速构建应用 UI。
• Cancellable 是一个构建块，为按钮和锚点元素添加了三个响应式属性，从而在不同的浏览器和平台上实现更一致的用户体验。
• svelte-simple-router 是一个为 Svelte 5 构建的客户端路由器。
• svelte-openai-realtime-api 是一个用于使用 OpenAI 实时 API 的 Svelte 组件。
• FlyonUI 是一个开源的 Tailwind CSS 组件库，带有语义类和强大的 JS 插件。
• Svelte-Next 自动化 Svelte 版本更新。
• SvelteKit 动态组件加载演示 展示了如何根据后端 API 提供的内容动态加载不同的 Svelte 组件。
• Tzezar 的数据网格 是一个易于使用、易于自定义的数据网格，基于 Svelte 5。
• svelte-bundle 是一个可将 Svelte 组件打包为单个 HTML 文件（支持 SSR！）的工具。
• svelte-virtuallists 能让你的表格及列表保持高效和快速：仅渲染可见的项目，而不是显示所有数据。
• Sveltick 是一个轻量级的流量跟踪库，可用于你的 Svelte 应用。

上述就是 Svelte 在这个月的重大动态！如果我们漏掉了什么，可以在 Reddit 或 Discord 上告诉我们。

下次再见 👋