Skip to main content

Svelte 的最新动态：2023 年 9 月

SvelteKit 的 redirect 函数添加了新参数，以及全新 onNavigate 生命周期函数上线

Dani Sandoval

大家 9 月好！随着 Svelte 5 的全新功能预览陆续发布，我们觉得现在回顾过去一个月的更新内容以及社区基于 Svelte 创作的项目再合适不过了。

在开始之前，欢迎两位新的 Svelte 大使：[@cainux] 和 @grischaerbe！欢迎加入这个大团队⛴️

Svelte 和语言工具的最新动态

  • svelteHTML 已从语言工具迁移至 Svelte 核心模块，使得 svelte/element 类型现可正确加载 (4.2.0 Svelte 版本, 107.10.0 语言工具版本)

SvelteKit 的最新动态

  • redirect 函数现在支持 URL 类型作为参数 (1.23.0, 文档, #10570)
  • 拼写错误的路由文件名现在将抛出警告 (1.23.0, #10558)
  • 全新的 onNavigate 生命周期函数支持视图转换——查看这篇 博客文章 获取更多信息 (1.24.0, 文档, #9605)

但这还只是新增功能内容！本月的所有修复补丁和性能更新，可以在 SvelteKit 更新日志 上查看。此外，各个 适配器目录 中也可以找到特定适配器的更新日志。

社区作品展示

使用 Svelte 构建的应用 & 网站

  • Planet Of The Bugs 为开发者提供了一个通过解决来自 GitHub 上流行开源项目的各种独特且精挑细选的问题和 bug 来练习并提高技能的平台
  • Minesweeper 是用 SvelteKit、Capacitor、TailwindCSS 和 DaisyUI 构建的安卓游戏（可以在 Google Play 商店 查看）
  • Pendor 是一个为 Svelte 提供人工智能组件生成器的工具
  • Avatars Pro 是一个社交证明组件，专为 Web 设计
  • Pomodoro Focus 是一个番茄时钟计时器的浏览器扩展
  • memegen 是一个 Firefox 浏览器扩展，用户可以基于多种模板生成表情包
  • Resgen 是一个 Chrome 扩展，用于根据工作描述和个人经历生成定制化简历
  • Icono Search 是一个 AI 驱动的视频搜索引擎
  • digital-paper 是一个写作应用，没有退格键或撤销功能
  • Ubuntu 22.04 in Svelte 致力于在 Web 上复刻 Ubuntu 22.04 桌面体验
  • My Queue 可以输出播放列表，将书面文章转换成音频故事

学习资源

由 Svelte 贡献者和大使提供

推荐观看

推荐阅读

库、工具与组件

  • Carta 是一款基于 Marked 的轻量化、快速且可扩展的 Svelte Markdown 编辑器和查看器
  • Threlte，一个基于 Svelte 和 Three.js 的 3D 框架，已发布第 6 版
  • vite-plugin-web-extension 与 Svelte 集成良好，使浏览器扩展的构建变得更加简单
  • Salvia-kit Svelte Dashboards 包含 10 个免费的 SvelteKit 仪表板模板
  • drab 是一个无样式的 Svelte 组件库
  • svelte-img-previewer 是一个用于在 Svelte 中显示来自输入文件类型的图片的工具
  • sveltekit-search-params 自称是 SvelteKit 中读取和修改查询参数的最快方法

本月内容就到这里啦！如果我们遗漏了什么，欢迎在 Reddit 或 Discord 上告诉我们。

下次见 👋