跳至主要内容

Svelte 2023年8月更新

扩展自定义元素类和新的 +server 导出

Dani Sandoval

本月，Svelte 和 SvelteKit 都发布了一些很棒的新功能。同样令人欣慰的是，看到许多产品和副项目都使用 Svelte 作为其核心技术成功发布！

更多详情请见下文...

Svelte 和语言工具的新增功能

自 Svelte 4 发布以来，已经修复了许多小错误。您可以在 CHANGELOG 中找到它们。

4.1.0 版本增加了进一步自定义包装底层 Svelte 组件的自定义元素类的能力。查看 自定义元素 API 文档 或 PR 以获取更多信息！

除了支持 SvelteKit 新的 HEAD 服务器方法外，Svelte 的语言工具现在还支持 Prettier v3（extensions-107.9.0），并且现在使用工作区信任设置来支持工作区中的所有设置（extensions-107.8.0）。

SvelteKit 的新增功能

  • API 路由中现在可以使用 HEAD 服务器方法（1.22.0，文档，#9753）
  • 带有 Vary 标头的响应现在也已缓存（除了 Vary: *）（1.22.0，文档，#9993）
  • 如果 SvelteKit 的构建输出不存在，现在会有一个更有帮助的预览错误（1.22.2，#10337）

有关本月的所有补丁和性能更新，请查看 SvelteKit CHANGELOG。您还可以在每个 适配器目录 中找到特定于适配器的 CHANGELOG。

社区展示

使用 Svelte 构建的应用程序和网站

  • GitLight 将 GitHub 和 GitLab 通知带到您的桌面
  • Days 是 paprikka 的生活天数，灵感来自 Buster Benson 的 Life in Weeks
  • Mofi 是音乐的内容感知填充和修剪
  • JSON Bucket 存储您的 JSON 数据，以便您可以通过生成的 API 路由在任何地方访问它
  • Soggy Planet 是一个地球交互式地图，其中海平面升降，文明之光在夜间闪耀（源代码）
  • PaperClip 是一款 Chrome 扩展程序，可以轻松记住机器学习、计算机视觉和自然语言处理论文中的详细信息。
  • Maktaba 是一款“您将实际使用”的书签管理器
  • Whispering 是一款 Chrome 扩展程序，允许您访问 OpenAI 的 Whisper API 以在浏览器中快速转录（包括 ChatGPT）
  • DocuTalk 是您网站的 AI 客户支持聊天机器人
  • Krello 是使用 Svelte、Appwrite 和 Flowbite 构建的 Trello 克隆
  • Been 是一个地图构建器，具有旅行统计信息，如访问过的国家/地区、极端访问点等。
  • image-to-social-media-thumbnail 允许您将任何图像转换为社交媒体缩略图
  • Svelte Capacitor Store 是一个持久性存储，它在本地设备上使用电容（首选项）存储，否则使用 localStorage，使其成为跨平台项目的理想选择

学习资源

来自 Svelte 贡献者和大使

观看/收听

阅读

库、工具和组件

  • Melt UI 是一组针对 Svelte 的无头、可访问的组件构建器
  • MDsveX 已更新以与 Svelte 4 兼容
  • Svelte Sonner 是一个针对 Svelte 的有主见的消息提示组件
  • WebExtensionTemplate 允许您跳过样板并使用 TypeScript 和 Svelte 或 React 编写 Web 扩展
  • svelte-rust 允许您在 Svelte 应用程序中运行 Rust 代码
  • SvelteKit SSE 提供了一种简单的方法来生成和使用服务器发送事件
  • better-svelte-writable 提供了一个类型安全的可写对象，让您更好地控制容器
  • Svetch.ts 是您 API 端点的客户端/类型/模式/文档生成器
  • sveltekit-localize-url 处理 URL 本地化和路由
  • elegua 是一个针对 Svelte 的小型、响应式 PWA 路由器
  • Molly 是一个 bash 脚本和 npm 模块，可帮助您清理项目中未使用的 Svelte 组件
  • sveltekit-bot 是使用 SvelteKit 和 Vercel 制作的 Telegram 机器人

感谢您的阅读！与往常一样，如果您发现我们遗漏了任何内容，请随时在 Reddit 或 Discord 上告知我们。

下次再见 👋