跳至主要内容

Svelte 新闻：2024 年 12 月

更好的 CLI 和许多 UI 库现在支持 Svelte 5

Dani Sandoval

我不敢相信这已经是今年的最后一期通讯了！Svelte 社区发生了很多事情 - 从两个很棒的 Svelte 峰会到 Svelte 5 的发布 🎉

当我们展望来年并观看 Svelte 团队进行 24 天内完成 24 个功能 时，让我们深入了解过去一个月的新内容……

Svelte 的新功能

5.1.x 和 5.2.x 中的 bug 修复版本解决了社区报告的大量问题。因此，如果您注意到任何奇怪的事情，请确保升级到最新版本，并且像往常一样，查看 CHANGELOG 以获取所有错误修复。

上个月以来的功能如下所示

  • ContentVisibilityAutoStateChangeEvent 已添加到元素定义中（5.2.5，MDN 文档，#14373)

SvelteKit、Svelte CLI 和语言工具的新功能

  • isActionFailure 是一种新的辅助方法，用于检查变量是否为 ActionFailure 的实例 - 对调试用户输入的解析很有帮助（2.8.0，#12878)
  • const load = ... 声明现在将自动进行类型化（svelte2tsx-0.7.23，#2540)
  • CLI 现在将在“无类型检查”模板中包含一个 jsconfig.json（0.6.2，#290)
  • 安装依赖项时，CLI 将显示包管理器的输出（0.6.3，#305)
  • CLI 菜单中每个插件现在都会显示简短说明（0.6.5，#299)
  • 实例类型现在将在 Svelte 5 中自动提供（svelte2tsx-0.7.23，#2553)
  • 检测到“rune 模式”时，文件顶部将出现一个代码透镜指示符 - 未检测到时为“传统模式”（language-server-0.17.4，#2554)

社区展示

使用 Svelte 构建的应用和网站

  • Unsubscribe 是一个互动网站，它嘲讽了如今在互联网上取消订阅的难度
  • Dealcrane 帮助科技购物者在热门的互联网购物网站上找到折扣
  • Raw Web 是一个搜索引擎，用于索引独立（尤其是个人）网站的内容
  • Jovian Moon 的个人网站 具有一个交互式火箭，可以将您直接送往木星（或您想去往的任何地方）
  • Font Preview 使您能够轻松地分析和浏览浏览器中的字体字符
  • Dunks & Threes 是一个专业的篮球分析平台，提供数据驱动的 NBA 预测
  • AdresseDuBien 是一个小型实用程序，用于查找法国房地产广告的地址，并使用 Libre Map 实现
  • PixelAttack 获取图像，将其像素化，并使像素相互对抗
  • NeoHtop 是一款现代的进程监控工具，它将基于终端的系统监视器的强大功能与简洁的桌面原生 UI 相结合
  • WebVM 是一个在浏览器中运行的 Linux 虚拟机
  • Sveltris 是完全在 Svelte REPL 中构建的俄罗斯方块

学习资源

Svelte 贡献者和大使

本周 Svelte

阅读

库、工具和组件

组件库

  • shadcn-svelte 现在支持 Svelte 5，并附带全新的文档
  • Zag 现在支持 Svelte 5
  • Skeleton V3 现已进入 Beta 版（并且如预期的那样，支持 Svelte 5）
  • Storybook 8.4 现在支持 Svelte 5 和 CSF，并内置了组件测试

图标库

  • svelicon 使用一条命令将 Iconify SVG 图标转换为类型安全的组件
  • moving icons 是基于 lucide 图标库的动画图标集合
  • Monicon 是一个多合一的图标库，提供了来自 Material Design、Feather 和 Font Awesome 等流行集的 200,000 多个图标

其他

  • Svelte 多色调图像 是一款简单的图像渲染器，用于为 Svelte 应用多色调效果
  • number-flow 是一个用于转换、格式化和本地化数字的组件
  • sveltednd 是一个轻量级、灵活的 Svelte 5 应用程序拖放库
  • ShadEditor 是一个使用 TipTap 和 ShadCN UI 为 svelte 制作的高度可扩展的文本编辑器
  • Tipex 是一个基于 Tiptap 和 Prosemirror 的高级富文本编辑器
  • svelte-bundle 是一个将 Svelte 组件捆绑到单个 HTML 文件中的工具
  • svelte5-router 是一个 SPA 路由器，允许您使用嵌套路由器划分和征服您的应用程序
  • @sheepdog/svelte 是一个轻松管理异步任务和并发性的库。

这就是这个 Svelte 重要月度的全部内容！如果您发现我们遗漏了任何内容，请在 Reddit 或 Discord 上告诉我们。

明年再见！👋