Svelte 2021年7月更新
修复、TypeScript 工具和大量新功能,保持凉爽
随着北半球气温升高,Svelte 通过大量的性能和错误修复、更好的 TypeScript 支持以及来自整个生态系统的许多新组件和工具保持凉爽。让我们来看一看 👀
SvelteKit 新功能
adapter-node
现在使用 gzip 和 brotli 预压缩资产 (#1693)svelte-kit package
工具已添加对 TypeScript 转换的支持 (#1633)adapter-node
中改进了缓存默认值 (#1416)- 允许配置 Rollup 输出选项 (#1572)
- 修复了使用 HMR 的 SSL 问题 (#1517)
来自 svelte/* 周围的功能和错误修复
- Svelte 3.38.3(于 6 月 22 日发布)包含大量性能和错误修复 - 包括水合优化、冒泡事件中的
this
保留等等! - 最新的语言工具版本添加了对从组件外部重命名 prop 的支持、PostCSS 语法语法以及
svelte2tsx
中的.d.ts
输出目标,可用于从 Svelte 文件创建类型定义。 - 同样在语言工具中,添加了一些期待已久的增强 TypeScript 支持的实验性功能 - 包括显式键入所有可能的组件事件或插槽,以及使用泛型。查看 RFC 以获取更多详细信息,如果您正在使用它,请在 此问题 中留下反馈。
svelte-scroller
在 2.0.7 中进行了一些质量改进 - 修复了初始宽度错误并更保守地更新其index
即将推出的 Svelte 功能
社区展示
应用和网站
- SvelteThemes 是一个精选的 Svelte 主题和模板列表,使用 svelte、sveltekit、elderjs、routify 等构建。
- Beatbump 是使用 Svelte/SvelteKit 创建的 YouTube Music 替代前端。
- Sveltuir 是一个帮助您记忆吉他指板的应用程序
教育内容
- Svelte Radio:一个愉快的 Svelte 夏日 是一次关于 Svelte 新功能的对话,也是对 Svelte Radio 一周年纪念的庆祝。
- Svelte 中的类属性 是对从 React 切换到 Svelte 的开发人员关于
class
功能的复习。 - SvelteKit 初学者教程 是 WebJeda 制作的学习 SvelteKit 的视频播放列表。
- 如何在 SvelteKit 中使用 Service Worker 按需缓存动态页面 演示了在 SvelteKit 中使用 Service Worker 进行按需缓存的强大功能。
- Vue 与 Svelte:比较框架内部 深入探讨了 Vue 和 Svelte 从内部到外部的区别。
- 使用 Docker 和 Docker Compose 为 SvelteKit 设置开发环境 演示了如何使用 Docker 创建可重用的开发环境,无论您在何种设备上运行代码。
- Scalable Scripts 本月发布了三个视频,记录了如何将 Docker 化的 Svelte 应用部署到 AWS、Azure 和 Google Cloud
- 从零到英雄使用 Svelte 渲染 Katex 演示了如何在 Svelte 项目中实现 Katex。
- 在 Svelte 中使用自定义元素 展示了在 Svelte 网站中使用自定义元素时需要注意的一些问题。
库、工具和组件
- svelte-pipeline 为 REPL、编辑器等提供自定义 JavaScript 上下文和 Svelte 编译器作为 Svelte Stores。
- Sveltotron 是一个基于 Electron 的应用程序,用于检查您的 Svelte 应用程序。
- svelte-qr-reader-writer 是一个 Svelte 组件,用于帮助读取和写入 QR 码中的数据。
- svelte-stack-router 旨在通过使用 Stacks 使 Svelte 应用程序感觉更原生。
- svelte-typed-context 提供了一个接口,当提供给
getContext
或setContext
时,允许更严格的类型。 - svelte-modals 是一个简单、灵活、零依赖的 Svelte 模态管理器。
想要贡献一个组件?有兴趣帮助 Svelte 在网络上的表现更好吗? 通过对 此文件 发起 PR 或查看 未解决问题列表,向 Svelte Society 网站提交组件,如果您想为 SvelteKit 中的 Svelte Society 重写做出贡献。