Svelte 2024年7月更新

本月，我们在 Svelte 5 发布候选版本中获得了一系列新功能，Rich Harris 向 Prismic 的 CEO 解释了 Svelte 如何优化氛围，Geoff Rich 在 CascadiaJS 2024 上分享了更多关于这种理念的信息。

让我们开始吧！

Svelte 的新功能

下面，您将找到 Svelte 5 发布说明中的亮点（现已进入 发布候选版本）

• 您现在可以使用 let props = $props() 更简洁地在 runes 模式下声明 props（5.0.0-next.167，#12201）
• 来自 svelte/events 的新 on 导入允许您在更多情况下保留事件处理程序调用的顺序（5.0.0-next.152，文档，#11912）
• Component 类型现在表示 Svelte 组件的新形状（5.0.0-next.143，#11775）
• <svelte:document> 具有新的 activeElement 和 pointerLockElement 绑定（5.0.0-next.150，#11879）
• <svelte:element>、CSS 自定义属性包装器和字符串规范化都已简化并提高了性能（5.0.0-next.152，#11773，#11948，#11954，#11792，#11949）
• 如果不需要任何属性，则 render、mount 和 hydrate 选项现在实际上是可选的（5.0.0-next.163，文档，#12111）

SvelteKit 的新功能

本月，节点和 Cloudflare 适配器进行了一些升级

• BODY_SIZE_LIMIT 环境变量为 adapter-node 添加了单位后缀支持 - 使编写和理解大型字节值变得更容易（[email protected]，文档，#11680）
• 节点服务器现在可以侦听 sveltekit:shutdown 事件（替换更突然的 exit），该事件在 HTTP 服务器关闭所有连接后发出（[email protected]，文档，#12153）
• Cloudflare 适配器现在仅在文件存在但在 svelte.config 中没有配置路由时才会抛出 _routes.json 错误（[email protected]，#12360）

---

社区展示

使用 Svelte 构建的应用和网站

• Shootmail 是一款电子邮件模板和内容创建工具
• wplatest 自动化您在多个网站上的 WordPress 插件更新
• Svelte-MiniApps 是使用 SvelteKit 构建的一系列小巧易用的工具
• Interior Render AI 可在几秒钟内使用 AI 重新设计您的室内设计

学习资源

Svelte 贡献者和大使

• Prismic 🧡 Svelte：与 Svelte 创建者 Rich Harris 的会面！ 由 Prismic 提供
• Rich Harris（Svelte 创建者）谈论 Svelte 和 RSC 如何改变 Web 开发 由 This Dot Media 提供
• 通过实现信号了解 JavaScript 框架为何喜欢它们 和 面向现代开发人员的 Svelte 5 响应式指南 和 使用 Svelte 的强大响应式功能创建神奇的法术 由 Joy Of Code 提供
• 实用 Svelte 5 - 购物车 由 Huntabyte 提供
• CascadiaJS 2024：优化氛围 由 Geoff Rich 提供（Geoff 演讲的直播 从 1:08:30 开始）
• 本周的 Svelte - 深入探讨 Svelte 的变更日志和本周的新学习内容
  • 第 66 集 - adapter-node、新的 SvelteKit 文档、在 Svelte 5 中调试事件修饰符
  • 6月7日 - 验证库、$effect.active() 用法
  • 5月31日 - 浮动 UI、StartStopNotifier
• 维也纳 Svelte 社区
  • Ermin Celikovic — 使用 Svelte 构建 Web 组件
  • Domenik Reitzner — 为 Vue 开发人员解释 Svelte 5 Runes
• 伦敦 Svelte — 2024 年 6 月
• Svelte 开发者博客 — 2024 年 6 月 与 Rich Harris 合作

阅读

• 使用 SvelteKit 构建数据可视化平台的经验教训 由 DNLBLN 在 Reddit 上发布
• 2024 年电子商务最佳前端框架 由 Crystallize 提供
• 在 SvelteKit 中使用 Unplugin Icons：分步指南 由 Rishi Raj Jain 提供
• 将 Tronic247 从 WordPress 迁移到 SvelteKit 和 在 Svelte 和 SvelteKit 中加载数据的方法 由 tronic247 提供

观看

• 构建 Web 应用的最简单方法 和 您需要了解的 13 个 Svelte 概念 由 Awesome 提供
• 使用 Zod 进行 SvelteKit 表单验证 由 Ross Robino 提供
• 使用 AirBadge 将身份验证和支付整合在一起 由 Stripe 开发人员提供
• Svelte 4 与 Svelte 5 – Runes 和代码片段 由 SvelteRust 提供

库、工具和组件

• svelte5-commenter 是常见评论部分的组件演示
• SSC（Speedy Svelte Compiler）是用 Rust 编写的超高速 Svelte 编译器

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

下个月再见 👋