Skip to main content

Svelte 的最新动态：2023 年 12 月

Svelte 5 预览版在 2023 年秋季 Svelte 峰会上公布

Dani Sandoval

2023 年秋季 Svelte 峰会令人激动！大会中展示了生态系统的多场演讲，并由核心团队发布了新版本的 Svelte 开发工具、图片优化功能，以及 Svelte 5.0 的预览版！完整演讲可以在这里观看（时间戳如下）：

  • 0:00 氛围音乐！
  • 18:20 探索 Svelte 开发工具 - Ignatius B（4 分钟）
  • 25:27 SvelteKit 作为单页应用框架的表现如何 - Henry Lie（25 分钟）
  • 53:00 enhanced:img - Ben McCann（6 分钟）
  • 1:03:44 inlang-paraglide JS 用于 SvelteKit 的国际化 - Samuel Stroschein（10 分钟）
  • 1:17:32 Svelte 与 GraphQL 的完美结合 - Jean-Yves Couet（31 分钟）
  • 1:53:10 svelte-ecosystem-ci - Dominik G（10 分钟）
  • 2:23:06 Svelte 在创意开发中的应用 - Steven Stavrakis（10 分钟）
  • 2:35:33 文档翻译 - Romain I’Ourson（11 分钟）
  • 2:49:48 ENHANCE! - Paolo Ricciuti（25 分钟）
  • 3:18:25 使用 Svelte 解决方案的无障碍提示 - Enrico Sacchetti（25 分钟）
  • 3:49:11 svelte@next - Rich Harris（18 分钟）

今天也是 Advent of Svelte 的第一天：一个为 12 月每一天准备的 Svelte 挑战赛活动。加入节日气氛，参与每日的 Svelte 前端挑战吧！

现在，让我们深入了解最新的更新内容……

Svelte 的最新动态（5.0 预览版！）

Svelte 5 预览版 现已可以通过 svelte@next 访问，而 Svelte 4 的当前稳定版本 (@latest) 是 4.2.7。以下所有更改均来自预览版分支：

  • 通过 acorn-typescript，TypeScript 现在已实现原生支持（5.0.0-next.9，#9482）
  • 新的 $effect.active 符文返回一个布尔值，用于指示某个 effect 是否激活。这使得你可以在读取值时设置订阅（无论是在 effect 中还是模板中），同时也可以在不创建订阅的情况下读取值（5.0.0-next.10，文档，#9591）
  • 新的 $effect.root 符文创建一个非跟踪的作用域，不会自动清理。对于你希望手动控制的嵌套 effect，这非常有用（5.0.0-next.14，文档，#9638）

欲了解所有未来版本的发行说明，请查看 主分支的 CHANGELOG。精彩内容请见下方！

SvelteKit 的最新动态

  • 创建新的 SvelteKit 项目时，现在会询问是否试用 Svelte 5 beta 版（#11026）
  • 当创建新的 SvelteKit 项目时，Prettier 3 和 prettier-plugin-svelte 3 已成为默认版本（#10410）
  • 通过 Vercel 适配器，现在支持 nodejs20.x（#11067）
  • @sveltejs/enhanced-img 通过预处理简化了不同尺寸图片的服务（文档，#10788）

想了解完整的 bug 修复和性能更新，请查看 SvelteKit CHANGELOG。你还可以在每个适配器目录中找到特定适配器的 CHANGELOG。

语言工具的最新动态

  • 最新的语言工具向 $props() 符文添加了尽力最佳匹配的回退类型（extensions-108.1.0）
  • 语言工具通过使用 Snippet 类型更好地支持 @render 标签（extensions-108.0.0）
  • Svelte ESLint 插件已更新以支持 Svelte 5 预览版（v2.36.0-next.2）

社区展示

使用 Svelte 构建的应用与网站

  • MobileView 是一个实时跨设备网站模拟的 Chrome 插件
  • ClassroomIO 是一个开源技术训练营平台
  • sshx 是一个基于 Web 的安全协作终端
  • ToneShift 允许你仿制声音、制作音乐，并加入一个声音社区
  • CanvasGPT 是一款基于 AI 的自动化思维导图工具
  • Wordplay 是一种新的教育性、可访问性强且包含多语言的编程语言，用于创建富有乐趣的交互式排版（博客文章）
  • CodeFlow 是一个帮助程序员提升学习、思考和编码能力的路线图
  • Teller 是一个全面的 Minecraft 备份解决方案，旨在简化本地备份以及和 ChunkVault 后端的交互
  • Sudoku 使用 SvelteKit、TypeScript 和 Tailwind 构建的数独棋盘

学习资源

由 Svelte 的贡献者与大使推荐

推荐观看/收听

推荐阅读

库、工具和组件

  • sveltekit-view-transition 为 SvelteKit 提供了简化的 view-transition-api
  • T18S 旨在为 SvelteKit 提供最佳的国际化体验，兼具类型安全、性能和易用性
  • Svelte Flow 是一个用于构建基于节点的编辑器和互动式图表的可自定义 Svelte 组件
  • Super Sitemap 是一个简单易用的 SvelteKit 站点地图工具，确保不会忘记添加路径
  • Svelte UX 是一个基于 Tailwind 的组件库，用于简化构建高度互动和视觉应用的过程
  • CanIKit 提供了一种简单方法为你的 SvelteKit 应用添加授权功能
  • Svelte Toggles 管理浅色和深色模式的交互及偏好存储
  • Baselime 现在支持 SvelteKit 的 edge-logger 包

本月内容就到这里！如果我们遗漏了任何信息，请随时通过 Reddit 或 Discord 告诉我们。

下次见 👋