Svelte 2024年3月更新

本月，Svelte 维护者在 Svelte 5 上取得了巨大进展，Rich Harris 还与 Prismic 讨论了团队如何努力使框架变得更好。

也有很多值得展示的东西……让我们深入了解一下吧！

Svelte 的更新

您可能已经听说过，Svelte 5 正在预览阶段。与此同时，Svelte 4（@latest）已经修复了一个 bug。不过，Svelte 5 的变更日志有很多更新。

• 重大更改：$derived.call 现在为 $derived.by（5.0.0-next.54，文档，#10445）
• 解构派生对象属性现在将保持细粒度的响应性（5.0.0-next.55，文档，#10488）
• 新的 hydrate 方法使与 hydration 相关的代码树可移除（5.0.0-next.56，文档，#10497）
• 现在支持嵌套 CSS，以及对 :is(...) 和 :where(...) 的更好支持（5.0.0-next.57，#10490）
• 重大更改：客户端 API 已通过移除 createRoot、调整 mount/hydrate API 并引入 unmount 得到简化（5.0.0-next.58，Issue#9827，#10516）

有关所有错误修复、杂项任务和使 Svelte 5 达到发布准备状态所需的底层工作，请查看main 分支上的变更日志。

SvelteKit 的更新

本月主要是错误修复。最值得注意的是修复了导航后防止过时值的问题（2.5.1，#11870）。

适配器现在还可以使用 emulate 函数来提供开发和预览功能（2.5.0，文档，#11730）。这将使将来为 Cloudflare 开发提供更好的体验（11732）。

有关 SvelteKit 中的所有更改，请查看变更日志。

---

社区展示

使用 Svelte 构建的应用和网站

• Wishgram 是一款生成手写贺卡的工具
• rfidify 是一款 Raspberry PI RFID 阅读器，可在 Spotify 上播放内容
• listn.fyi 是一种分享您当前喜欢的音乐的有趣且简单的方法
• Meowrite 是一款用于求职信、论文等的 AI 写作工具
• Photo Multitool 是一套免费的在线照片处理工具
• sveltekit-weather-app 是一款使用 SvelteKit 制作的精美天气应用

学习资源

来自 Svelte 贡献者和大使

• 如何使优秀的框架变得更好？- 使用 Rich Harris 的 Svelte 5 by Prismic
• Svelte 5 非常强大，但值得切换吗？ by Syntax.FM

本周 Svelte：

阅读/观看

• 升级到 Svelte 5 by Mike Stachowiak
• 使用 GPT4 和 Svelte 构建 by Lev Miseri
• 使用 Svelte 和 Deno 建立推荐歌曲的小型网站 by Bryce Dorn
• 使用 OpenAPI 无缝同步您的 SvelteKit 前端和后端：生成 SDK 的分步指南 by Launchnow
• 如何在 2024 年 15 分钟内构建一个可编辑的网站 by Svelte Headless
• 本地优先 LiveView Svelte 待办事项应用 by Tony Dang

库、工具和组件

• PaneForge 提供了简化在 Svelte 应用中创建可调整大小的面板的组件
• Svelte UX 和 LayerChart 现在通过语义和状态类提供主题支持
• Huly Platform 是一款强大的框架，旨在加速业务应用（如 CRM 系统）的开发
• svelte-marquee 是一个美丽的 Svelte 跑马灯组件
• Just Ship 是一个用于 Svelte 5 的 SvelteKit 身份验证样板
• cells 是一个用于 Svelte 的功能性和反应式库
• Svelte Headless 是一个示例网站，展示了如何创建一个连接到无头 CMS 的简单博客网站
• Sugar.css 是一个语义化、可访问且轻量级的 CSS 框架
• apple-svelte 是一个基于 Apple 人机界面设计语言的 Svelte 组件库。
• SvelteKit SSE 提供了一种简单的方法来生成和使用服务器发送事件。
• Formsnap，一个 sveltekit-superforms 的可访问包装器，进行了重大重写并改进了其文档

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

下个月再见 👋