Svelte 二月更新
次要版本和主要满意度
自上个月以来,我们在 Svelte 和 SvelteKit 中看到了几个次要版本,大量支持 1.0 版本的教育内容,以及 State of JS 调查 结果……
Svelte 再次提高了满意度和兴趣,感谢所有投票的人!
让我们深入了解更新……
SvelteKit 的新功能
本月的 Svelte 生态系统工作重点是 SvelteKit 的错误修复和解决 1.0 版本发布后的反馈。其中一个备受期待的 SvelteKit 基路径支持的错误修复 已发布,这意味着您现在可以在远程开发环境中创建 SvelteKit 项目。已经发布了几个 新版本,其中包含这些修复程序以及一些新功能,例如
- 渐进增强时,现在将自动包含提交者的值
- 如果使用相对 URL 与全局 fetch(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) - 需要导入的存储的自动完成(#1823)和对象/类成员代码段(#1817)已添加到 Svelte 扩展(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 编译器的所有更改,包括未发布的更改,请查看 更改日志。
社区展示
使用 Svelte 构建的应用和网站
- Titowest.com 是作家兼摄影师 Tito West 的一系列摄影电影
- Verve 是一款轻量级且极速的启动器,用于访问和打开应用程序、文件和文档
- 环球旅行 是安德鲁·卡内基旅行的互动指南
- 线性回归 是一篇交互式博客文章,以视觉方式介绍了关于线性回归几乎所有您应该了解的内容
- Flotes 是一款免费的笔记应用,增强了抽认卡功能
- nomie 是一款针对注意力不集中的用户的每日日记
- nocode.gallery 是一个使用无代码构建的精美网站合集
- Whom to Follow 通过搜索您已关注的帐户网络,帮助您找到您喜欢的帐户
- poker-simulator 是一款扑克模拟和评估工具
- Pixelicious 将您的图像转换为像素艺术
- Apple Music 现在使用 Svelte 构建(证明)
学习资源
特色 Svelte 贡献者和大使
- SvelteKit | Rich Harris | ViteConf 2022
- 与 pngwn 🐧 谈论 Gradio 和 AI 来自 Svelte Radio
- Geoff Rich 的 渐进增强 Marvel 按年份筛选器 和 SvelteKit 2022 降临:我最喜欢的演示
- Dani Sandoval 的 第 13 集:更多地参与开源 + Svelte 新闻通讯展示回顾 ⏪
观看或收听
- 我用 Pocketbase 和 Svelte 构建了一个 5 美元的聊天应用。它能扩展吗? 来自 Fireship
- SvelteKit 的综合介绍、您应该使用哪个 Svelte UI 库? 和 了解 SvelteKit 路由的所有内容(页面、布局、嵌套路由) 来自 Joy of Code
- SvelteKit 中的渐进增强(use:enhance)、您的路由是否真的受到保护? 和 在 VSCode 中将您的 SvelteKit 开发体验提升 10 倍 来自 Huntabyte
- 我构建过的最简单的实时应用 来自 Beyond Fireship
- Angular 开发人员可以如此快速地学习 Svelte... 来自 Joshua Morony
- SvelteKit + PocketBase 集成:用户登录和注册 来自 Jian Yuan Lee
- 使用 Svelte 和 SvelteKit 的奇迹 - JSJ 566 与 Tracey Lee 和 Adam L Barrett
阅读
- Svelte 框架的实用入门 来自 Daniel Beer
- 使用 XState 在 Svelte 中进行状态建模 是 Frontend Masters React + XState 研讨会的移植版本,使用 Svelte 编写并使用 SvelteKit 构建!
- 🚀 使用 Stylify CSS 加速您的 SvelteKit 网站编码 来自 Stylify CSS
- 🎮 五款 Svelte 游戏,学习如何编码 来自 Tom Smykowski
- 如何在 SvelteKit 中创建声明式(基于代码的)路由器而不是基于文件的路由器 来自 Dev Punk
- 如何在 SvelteKit 应用的 JS/TS 部分导入 TailwindCSS 自定义配置 来自 0gust1
- SvelteKit 内部:加载函数 和 Svelte 和 CSS 来自 Justin Ahinon
- 使用 Intl + SSR + SvelteKit 进行国际化格式化 来自 Captain Codeman
- 使用 SvelteKit 进行类型安全的 i18n 来自 Andreas Söderlund
- SvelteKit 应用中的授权 来自 Adam Barrett
- 使用 Sveltekit、Tailwindcss、Felte 和 Yup 验证您的表单 来自 Hessel
- SvelteKit 表单操作绑定到 TypeScript 类 + 验证 (yup) + 动态数组 来自 Hekili Tech
- 使用 SvelteKit 实现流畅的页面过渡 来自 Phil Kruft
- SvelteKit 中的 Redis 集成:会话管理的变革者 来自 Shivam Meena
- SvelteKit 和 GitHub Pages 来自 Andrew Lester
- 2023 年的 Tailwind + Sveltekit 来自 Mitch Gent
- Svelte Stores 教程:在多个组件之间共享数据 来自 Vincent Widerberg
库、工具和组件
- Sveltepress 是一款简单易用、以内容为中心的站点构建工具,拥有 SvelteKit 的全部功能
- Svelte Form Helper 是一个用于 Svelte 表单验证的轻量级帮助程序
- Dapper UI 是一个针对 Svelte 的时尚现代 UI 组件库,提供完整的 TypeScript 支持和详尽的文档
- TeilUI 是一种使用 Svelte 构建设计系统更好的方法
- Neodrag 是一个服务器端渲染友好的、多框架的拖放库
- Svelvet,一个用于 Svelte 的 UI 库,现已推出 5.0 版本(阅读更多 信息)
- Svelte Inview 是一个 Svelte 动作,用于监视元素进入或离开视口/父元素
- html2svelte 可以轻松快速地将 HTML 转换为 Svelte 组件