Svelte 新闻：2024 年 5 月

Svelte Summit 刚刚结束 - 来自社区的许多精彩演讲。在最后的演讲“你能为你的框架做些什么”中，Rich Harris（在 PuruVJ 的 neoconfetti 库的一点帮助下）宣布 Svelte 5 现在处于“发布候选版本”阶段。

这篇帖子中有很多预发布更改需要介绍，以及许多社区展示的项目…… 让我们开始吧！

2024 年 Svelte Summit 春季亮点

在下面，您将找到 Svelte Summit 直播版本的全部演讲链接。

• 使用 Svelte 在学术图书馆进行简单且可持续的 Web 开发
• 为 SvelteKit 构建 SaaS 模块
• LayerChart 简介
• 使用 Threlte Studio 进行空间编程
• Convex（赞助演讲）
• Kitbook：轻松构建、记录、检查和测试 Svelte 组件
• 全栈测试
• 你能为你的框架做些什么 - 还涵盖了下面列出的大量新功能

随着时间的推移，所有这些都将分解成更多可共享（和可重播）的视频，因此请务必订阅 Svelte Society YouTube 频道 以保持最新状态。

Svelte 的新功能

Svelte 5 正式进入发布候选阶段，并且每天都越来越接近发布。在下面，您将找到其预发布 变更日志 中的一些亮点

• Svelte 5 现在支持热模块替换（**5.0.0-next.97 和 101**，#11106，#11132）
• 现在可以在代码块中定义全局（或子全局）样式（**5.0.0-next.111**，#11276）
• 编译后的代码对于if块、each块和属性更新更加高效（**5.0.0-next.83-85**，#10906，#10937 和 #10917）
• 来自svelte/reactivity的内置函数现在已重新导出，可在服务器上使用（**5.0.0-next.88**，文档，#10973）
• 一个新的反应式 URL 对象现在可在svelte/reactivity中使用（**5.0.0-next.103**，文档，#11157）
• HTML 标签现在速度更快，并具有更高效的水合标记（**5.0.0-next.90-91**，#10986 和 #11019）
• 新的$host符文检索包含组件的自定义元素的this引用 - 消除了对createEventDispatcher的需求（**5.0.0-next.96**，文档，#11059）

---

社区展示

使用 Svelte 构建的应用和网站

• Collabwriting 刚刚筹集了 120 万美元并发布了一款新产品 - 团队协作写作。恭喜！
• Skypix 是一个音乐库，允许用户创建播放列表、将歌曲添加到他们的库并与朋友分享他们的音乐
• Jonze 是一款开源但受管理的工具，用于管理成员信息。它具有出勤跟踪和会员计划功能
• midi-note-trainer 是一个使用 Web MIDI 构建的音乐记谱训练应用程序
• Easy-Rd 是一款免费工具，用于基于代码的 ER 图创建
• Gamera 是一个简单易用的网站分析工具，适用于注重隐私的世界
• Collecta 允许您在一个空间中收集您的互联网 - 整理图片、书签、灵感并与朋友分享您的氛围
• ColdCraft 通过将要点和 LinkedIn 个人资料转换为有效的冷邮件来为您撰写邮件
• Fourplay 是一个使用 Rust 和 Svelte 编写的多人文字游戏
• how-long-is-a-click 是一个网站，用于测量网络上点击的确切时间

学习资源

来自 Svelte 贡献者和大使

• 预处理器是无人谈及的最强大的 Svelte 功能、如何制作自定义 Markdoc 渲染器 和 一行代码实现响应式 CSS 网格布局 由 JoyOfCode 提供
• Phoenix LiveView 和 Svelte 与 Wout De Puysseleir 由 Svelte Radio 提供
• 2024 年 4 月伦敦 Svelte
  • SvelteKit 中的认证，难易方法 由 Ajit Krishna 提供
  • 关于我的 SvelteKit 项目的 3 个“历经磨难”的故事 由 Rowan Aldean 提供
• 本周 Svelte
  • 3 月 29 日 - Superforms
  • 4 月 5 日 - 何时选择无服务器？
  • 4 月 12 日 - 使用 Captain Codeman 的 svelte-api-keys
  • 4 月 19 日 - 多个操作表单
  • 4 月 26 日 - 服务工作者

阅读

• LiveView 最适合与 Svelte 配合使用 由 Anthony Accomazzo 提供
• 优化我的 SvelteKit 博客 由 refac0r 提供
• 为什么 Lucia 可能是 SvelteKit 最佳身份验证库 由 Justin Ahinon 提供
• 使用 Docker 和 Node.js 部署 Svelte 应用程序：开发者指南 由 Klevert Opee 提供
• 带有 Firebase Admin 的 SvelteKit 待办事项应用程序 由 Jonathan Gamble 提供
• Svelte 中的依赖注入，为了乐趣和收益 由 Kyle Nazario 提供
• 不要延迟加载翻译 由 Loris Sigrist 提供
• SvelteKit 中的视图转换 由 Mattias Tomas Bobo Lindvall 提供
• 为什么 Svelte 更好？ 由 Zack Webster 提供
• 在 Storybook 中模拟 SvelteKit 存储 由 Tyler Gaw 提供
• 将 SvelteKit 部署到 AWS Amplify：分步指南 由 Rishi Raj Jain 提供
• SvelteKit 和 Stripe 演示 由 the spatula 提供
• SvelteKit Turso Fly.io 应用程序指南 由 Scott Spence 提供

观看

• 使用 SvelteKit、GSAP 和 Prismic 构建动画网站 由 Prismic 提供
• Svelte 5：新功能 由 Simon Holthausen 提供
• 使用 SvelteKit、PocketBase 和 TailwindCSS 构建终极学习平台！ 和 让我们使用 Svelte 5、Sveltekit 2、Tailwind 和 Upstash 构建一个过滤系统 由 Lawal Adebola 提供
• 将 Vanilla JavaScript 库移植到 Svelte 5 由 Stanislav Khromov 提供

库、工具和组件

• sk-seo 是一个非常简单的、无依赖项的 Svelte 组件，可以为您自动完成许多烦人的 SEO 部分
• Svelte Lib Helpers 是一个实用程序包，旨在简化开发 Svelte 库时的各种任务
• skitsa 是一个简单但功能齐全的操作演示，展示了使用 SST 的 SvelteKit 魔术链接，托管在 AWS 上，作为 Lambda 应用程序
• svelte-zoomable-circles 是一个 Svelte 组件，用于使用可缩放圆圈显示和浏览层次数据

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

下个月再见 👋