Svelte 更新内容：2024 年 6 月
更强大的 bind、迁移工具及全新的比较符号
维护团队一直在努力准备 Svelte 5 候选版本 的发布。在本月的新闻简报中，您将看到预发布版本中的 更改日志 精选内容，以及来自社区展示的多个亮点项目。
让我们开始吧！
Svelte 的新特性
bind:现在在符号模式下不再允许用于组件导出，并且其类型更加完善，可以判断属性是否为$bindable(5.0.0-next.113, 114 和 125, 文档, #11238, #11225 和 #11498)- 对
migrate工具的大量改进，使迁移到 Svelte 5 语法变得更加容易 (5.0.0-next.116, 136 和 137, 文档, #11334, #11659, #11704) - 支持 MathML (5.0.0-next.120, 文档, #11387)
- 支持 Svelte Inspector (5.0.0-next.125, 文档, #11514)
$state.is符号允许您比较值或检查对象是否存在于深层响应对象/数组中 (5.0.0-next.134, 文档, #11613)rootDir编译器选项使文件名变为相对路径，从而简化 monorepo 项目或复杂文件夹结构中的开发 (5.0.0-next.135, #11627)
社区展示
使用 Svelte 构建的应用与网站
- Onlook 是一个 Chrome 扩展，帮助设计师参与团队的 UI 代码库建设
- Fluid Type Generator 是一个使用 Svelte 5 构建的现代流体排版生成器
- LCH Palette Generator 是一个允许您轻松创建并保存用于 UI 设计的渐变色板工具
- Typepost 是一个简单的社交媒体文本帖子生成器
- Equimake 是一个面向学习者、玩家、艺术家和开发者的协作实时 3D 平台
- svelte.dev-machine 是一个基于物理的动画工具，用以复刻 svelte.dev 首页上的 Svelte 动画展示
学习资源
由 Svelte 贡献者和大使提供
- Svelte 5：编译器、信号与 Web 应用性能 —— JSJ 627 与 Rich Harris 共讲
- Svelte London - 2024 年 5 月
- 本周 Svelte 系列 —— 深入了解 Svelte 更改日志及每周学习收获：
推荐阅读
- 保护您的 SvelteKit 应用 和 避免多个 SvelteKit 服务器钩子顺序中的瀑布效应 —— 作者：Captain Codeman
- 使用 Firebase 构建 Svelte 5 Todo 应用 —— 作者：Jonathan Gamble
推荐观看
- 解读 Svelte 5 符号 —— 作者：Peter Makes Websites Ltd
- 如何使用 SvelteKit 构建电子商务商城 —— 作者：Crystallize
库、工具与组件
- Floating UI Svelte 是一个用于定位浮动元素及处理交互的库
- Svelte Animated Pixels 提供了一种通过简单声明像素映射字符串在 canvas 中创建像素化动画的方式
- SvelteKit Passkey Template 是一个 SvelteKit 模板项目，集成了 Passkey 身份验证、Google 登录及邮箱验证
- svelte-infinite 是一个为 Svelte 5 和符号设计的无限滚动库
- svelte-next 旨在自动化 Svelte 库的更新
本月的内容就到这里！如果我们遗漏了什么，请在 Reddit 或 Discord 上告知我们。
下个月见 👋