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 的贡献者和大使为特色
- SvelteKit | Rich Harris | ViteConf 2022
- 在 Svelte Radio 中与 pngwn 🐧 谈论 Gradio 和 AI
- 逐步增强 Marvel By Year 筛选器,以及 SvelteKit 2022 的精彩展示:我最喜欢的示例 by Geoff Rich
- EP 13: 更多开源贡献 + Svelte 通讯回顾 ⏪ by Dani Sandoval
观看或收听
- 我用 Pocketbase 和 Svelte 构建了一个 $5 的聊天应用。这值得扩展吗? by Fireship
- SvelteKit 的全面介绍、应该使用哪个 Svelte UI 库? 和 全面了解 SvelteKit 的路由功能 by Joy of Code
- SvelteKit 中的渐进增强 (use:enhance)、你的路由是否真的受保护? 和 在 VSCode 中 10 倍提升 SvelteKit 开发体验 by Huntabyte
- 我构建过的最简单的实时应用 by Beyond Fireship
- Angular 开发者可以快速学习 Svelte…… by Joshua Morony
- SvelteKit + PocketBase 集成:用户登录和注册 by Jian Yuan Lee
- 使用 Svelte 和 SvelteKit 的奇迹 - JSJ 566 with Tracey Lee 和 Adam L Barrett
阅读
- Svelte 框架的实用第一印象 by Daniel Beer
- 使用 XState 在 Svelte 中进行状态建模,这是 Frontend Masters 的 React + XState 工作坊的 Svelte 版移植内容!
- 🚀 使用 Stylify CSS 更快地开发你的 SvelteKit 网站 by Stylify CSS
- 🎮 学习编程的五款 Svelte 游戏 by Tom Smykowski
- 如何在 SvelteKit 中创建声明式(代码驱动的)路由,而不是基于文件的路由 by Dev Punk
- 如何将 TailwindCSS 自定义配置导入到 SvelteKit 应用的 JS/TS 部分 by 0gust1
- SvelteKit 内部机制:加载函数 和 Svelte 与 CSS by Justin Ahinon
- 使用 Intl + SSR + SvelteKit 进行国际化格式化 by Captain Codeman
- 在 SvelteKit 中实现类型安全的 i18n by Andreas Söderlund
- 在 SvelteKit 应用中实现授权 by Adam Barrett
- 使用 SvelteKit、Tailwindcss、Felte 和 Yup 验证表单 by Hessel
- 绑定到 TypeScript 类 + 验证 (Yup) + 动态数组的 SvelteKit 表单操作 by Hekili Tech
- 在 SvelteKit 中实现流畅的页面过渡 by Phil Kruft
- 在 SvelteKit 中集成 Redis:会话管理的游戏规则改变者 by Shivam Meena
- SvelteKit 和 GitHub Pages by Andrew Lester
- 2023 年的 Tailwind + SvelteKit by Mitch Gent
- Svelte Stores 教程:在多个组件之间共享数据 by Vincent Widerberg
库、工具与组件
- 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 组件