Svelte 新闻：2024 年 6 月

维护者们一直在努力为 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 编译器选项使文件名相对于简化在单仓库或复杂文件夹结构中的开发（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 伦敦 - 2024 年 5 月
• 本周的 Svelte - 深入探讨 Svelte 变更日志和本周的新学习内容
  • 5 月 3 日
  • 5 月 10 日
  • 5 月 17 日
  • 5 月 24 日

阅读

• 保护您的 SvelteKit 应用 和 防止多个 SvelteKit 服务器钩子依次出现瀑布效应 由 Captain Codeman 撰写
• 带有 Firebase 的 Svelte 5 待办事项应用 由 Jonathan Gamble 撰写

观看

• Svelte 5 符文揭秘 由 Peter Makes Websites Ltd 创作
• 如何使用 SvelteKit 构建电子商务商店 由 Crystallize 创作

库、工具和组件

• Floating UI Svelte 是一个用于定位浮动元素和处理交互的库
• Svelte Animated Pixels 提供了一种简单的方法，只需声明像素映射和字符串即可创建像素化画布动画
• SvelteKit Passkey 模板 是一个 SvelteKit 模板项目，具有密码密钥身份验证、Google 登录和邮箱验证功能
• svelte-infinite 是一个为 Svelte 5 和符文设计的无限滚动库
• svelte-next 试图自动更新 Svelte 库

本月就到这里！如果您发现我们错过了任何内容，请在 Reddit 或 Discord 上告诉我们。

下个月再见 👋