Skip to main content

Svelte 的最新动态:2023 年 2 月

小版本更新,大用户满足感

自上个月以来,Svelte 和 SvelteKit 发布了几个小版本更新,以及大量支持 1.0 版本发布的教学内容,同时还有 State of JS 调查 的结果……

Svelte 再次在用户满意度和兴趣度上有所提升,感谢所有投票的用户!

让我们深入了解这些更新……

SvelteKit 的最新动态

本月 Svelte 生态系统的工作主要集中在 SvelteKit 的错误修复和 1.0 发布后的反馈处理上。其中备受期待的 SvelteKit 的基础路径支持问题修复 已经解决,这意味着你现在可以在远程开发环境中创建 SvelteKit 项目。伴随着这些修复,还有多次 更新发布,以及一些新功能,例如:

  • 在逐步增强的 <form method="get"> 中提交者的值现在将被自动包含 (1.0.3, #8273)
  • 如果在开发模式中全局 fetch 使用相对 URL,现在会产生一个错误 (1.0.8, #8370)
  • 如果从 HTML 中移除注释,现在会发出警告,提示可能破坏水化 (1.0.11, #8423)
  • 当在 .svelte 文件中使用页面选项或在布局中缺少 <slot /> 时会发出警告 (1.1.0, #8475)
  • 新的 text(...) 辅助函数使生成文本响应更加方便 (1.2.0, #8371)
  • 公共环境变量现在可以在 app.html 中访问 (1.2.0, 文档, #8449)
  • 如果 Cookie 超过大小限制,现在会抛出错误 (1.2.1, #8591)
  • 生成的 tsconfig 现在可以被修改 (1.3.0, #8606)

Svelte 和语言工具的最新动态

  • 增加了对 VS Code HTML 语言服务中 html.customData 的支持 (extensions-107.0.0, #1824)
  • Svelte 扩展中添加了需要导入的 store 的自动补全 (#1823) 和对象/类成员片段 (#1817) (extensions-107.0.0)
  • 改进了对既是 Promise 又是函数的检测 (Svelte 3.55.1, #8162)
  • 为全局 part 属性和 on:submit 分别添加了缺失的类型和属性 (Svelte 3.55.1, #8181)
  • 大量性能优化和错误修复 (Svelte 3.55.1*extensions-107.0.x)

*有关 Svelte 编译器的所有更改(包括未发布的更改),请查看 CHANGELOG


社区展示

用 Svelte 构建的应用和网站

  • Titowest.com 是一个由作家兼摄影师 Tito West 创建的摄影影片系列
  • Verve 是一款轻量级且极快的启动器,可用于访问和打开应用程序、文件和文档
  • Round The World 是一本交互式指南,讲述了 Andrew Carnegie 的旅行故事
  • Linear Regression 是一个关于线性回归的互动式博客视觉教程
  • Flotes 是一款免费笔记应用,带有记忆卡功能
  • nomie 是一款专为短注意力跨度设计的日记应用
  • nocode.gallery 是一组无需编写代码即可制作的精美网站集合
  • Whom to Follow 帮助用户根据已关注的网络查找喜欢的账户
  • poker-simulator 是一个扑克模拟和评估工具
  • Pixelicious 将你的图片转换为像素艺术
  • Apple Music 现在是用 Svelte 构建的(证据

学习资源

以 Svelte 的贡献者和大使为特色

观看或收听

阅读

库、工具与组件

  • Sveltepress 是一个简单易用、以内容为中心的网站构建工具,拥有 SvelteKit 的全部能力
  • Svelte Form Helper 是一个轻量级的表单验证助手,适用于 Svelte
  • Dapper UI 是一个时尚现代的 UI 组件库,全面支持 TypeScript 并拥有丰富的文档
  • TeilUI 是使用 Svelte 构建设计系统的一种更好方式
  • Neodrag 是一个支持 SSR 的跨框架拖拽库
  • Svelvet,一个 Svelte 的 UI 库,现在更新到 5.0(阅读更多
  • Svelte Inview 是一个 Svelte 动作,用于监控元素进入或离开视口/父元素
  • html2svelte 让你可以轻松将 HTML 转换为 Svelte 组件

感谢阅读!如有遗漏,欢迎在 RedditDiscord 上告诉我们!