Svelte 最新动态: 2024 年 12 月

我简直不敢相信这已经是今年的最后一期通讯了！Svelte 社区发生了太多事情——从两场精彩的 Svelte 峰会到 Svelte 5 的发布 🎉

在展望明年并关注 Svelte 团队进行24 天内发布 24 个功能的同时，让我们来看看上个月的新动态吧……

Svelte 的新动态

5.1.x 和 5.2.x 的修复版本解决了社区报告的大量问题。所以如果你发现了任何奇怪的问题，请确保升级到最新版本，并一如既往地查看更新日志了解所有的错误修复。

以下是自上个月以来的新功能：

• 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）
• 在检测到文件时，将在顶部显示“runes 模式”的代码镜头指示器——在“传统模式”下则不会（language-server-0.17.4，#2554）

---

社区展示

使用 Svelte 构建的应用和网站

• Unsubscribe 是一个互动网站，嘲讽了当今在互联网上取消订阅有多难
• Dealcrane 帮助技术购物者找到受欢迎的网络购物网站上的折扣
• Raw Web 是一个索引独立（尤其是个人）网站内容的搜索引擎
• Jovian Moon 的个人网站 展示了一个交互式的火箭飞船，可以把你直接带到木星或其他你想去的地方
• Font Preview 让浏览器中分析和探索字体字符变得简单
• Dunks & Threes 是一个专业的篮球分析平台，提供数据驱动的 NBA 预测
• AdresseDuBien 是一个小工具，用于查找房产广告的地址（面向法国）并实现了一个自由地图
• PixelAttack 将一张图片像素化并让这些像素互相对战
• NeoHtop 是一个现代化的进程监控工具，结合了基于终端的系统监控器功能与干净的桌面原生 UI
• WebVM 是一个在浏览器中运行的 Linux 虚拟机
• Sveltris 是一个完全用 Svelte REPL 构建的俄罗斯方块游戏

学习资源

推荐 Svelte 的贡献者和大使

• Svelte 🧡 是一个 Bluesky 信息流，便于在该应用中关注 Svelte 的最新动态
• SvelteKit Streaming: The Complete Guide by Stanislav Khromov
• 远程研讨会：Svelte 5 & Runes 将于 2025 年 2 月 6 日至 7 日举行，由 Paolo Ricciuti 主讲
• Svelte 5: In Action | Build A Tasks App by Syntax
• Svelte Society London - featuring Paolo with his talk, Herd your async tasks!

本周 Svelte 新动态

• Ep. 83 — 你可能不需要一个 effect
• Ep. 84 — manifest.build
• Ep. 85 — @sheepdog/svelte

可阅读资源

• Web 软件开发（2024） 是一个有关网站开发的自学课程，重点涵盖了 Svelte
• Svelte 5 中的异步获取 by Jonathan Gamble
• 用 SvelteKit、Vite 和 Firebase 实现跨域隔离 by Captain Codeman
• The $effect.tracking rune by Matt Simon

库、工具和组件

组件库

• shadcn-svelte 现在支持 Svelte 5，且伴随全新的文档更新
• Zag 现在支持 Svelte 5
• Skeleton V3 已经推出测试版（并如预期支持 Svelte 5）
• Storybook 8.4 现在原生支持 Svelte 5 和 CSF，内置组件测试功能

图标库

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

其他资源

• Svelte Multitone Image 是一个简单的图像渲染器，用于为 Svelte 应用多色调效果
• number-flow 是一个组件，用于过渡、格式化和本地化数字
• sveltednd 是一个轻量级、灵活的拖放库，适用于 Svelte 5 应用
• ShadEditor 是一个使用 TipTap 和 ShadCN UI 构建的高度可扩展文本编辑器
• Tipex 是一个基于 Tiptap 和 Prosemirror 的高级富文本编辑器
• svelte-bundle 是一个将 Svelte 组件打包为单个 HTML 文件的工具
• svelte5-router 是一个允许你通过嵌套路由拆分和管理应用的 SPA 路由器
• @sheepdog/svelte 是一个可以轻松管理异步任务和并发性的库

以上就是 Svelte 社区这个月的精彩内容！如果我们遗漏了任何内容，请在Reddit或Discord上告诉我们。

下次见（明年见）！👋