Svelte 新动态：2021年7月

当北半球温度升高时，Svelte 保持冷静，带来了大量性能和错误修复、更好的 TypeScript 支持，以及生态系统中大量新的组件和工具。让我们一起来看看 👀

SvelteKit 的新特性

• adapter-node 现在使用 gzip 和 brotli 预压缩资源 (#1693)
• 在 svelte-kit package 工具中添加了对 TypeScript 转译的支持 (#1633)
• 改进了 adapter-node 中的缓存默认设置 (#1416)
• 允许配置 Rollup 输出选项 (#1572)
• 修复了 SSL 与 HMR 的使用问题 (#1517)

来自 svelte/* 的功能和错误修复

• Svelte 3.38.3（6月22日发布）包含了一系列性能和错误修复 - 包括水合优化、冒泡事件中的 this 保留等！
• 最新的语言工具版本增加了对组件外部属性重命名、PostCSS 语法语法、以及在 svelte2tsx 中输出 .d.ts 的支持，可用于从 Svelte 文件创建类型定义。
• 同样在语言工具中，一些期待已久的增强 TypeScript 支持的实验性功能被添加进来 - 包括显式类型化所有可能的组件事件或插槽，以及使用泛型。更多详情请查看RFC，如果您正在使用它，请在此问题中留下反馈。
• svelte-scroller 在 2.0.7 版本中获得了一些质量改进 - 修复了初始宽度错误并更保守地更新其 index

即将加入 Svelte

• 标记中的常量（RFC）：添加新的 {@const ...} 标签来定义本地常量（PR）

---

社区展示

应用和网站

• SvelteThemes 是使用 svelte、sveltekit、elderjs、routify 等构建的 Svelte 主题和模板的精选列表。
• Beatbump 是使用 Svelte/SvelteKit 创建的 YouTube Music 替代前端。
• Sveltuir 是一个帮助你记忆吉他指板的应用

教育内容

• Svelte Radio：一个欢快的 Svelte 夏天 是一个关于 Svelte 新特性的对话，同时庆祝 Svelte Radio 一周年
• Svelte 中的类属性 为从 React 转到 Svelte 的开发者复习了 class 的强大功能
• SvelteKit 初学者教程 是由 WebJeda 制作的学习 SvelteKit 的视频播放列表
• 如何在 SvelteKit 中使用服务工作者按需缓存动态页面 介绍了在 SvelteKit 中使用服务工作者进行按需缓存的强大功能
• Vue vs 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 Store
• Sveltotron 是一个基于 Electron 的应用，用于检查你的 Svelte 应用
• svelte-qr-reader-writer 是一个帮助读写二维码数据的 Svelte 组件
• svelte-stack-router 旨在通过堆栈路由使 Svelte 应用感觉更原生
• svelte-typed-context 提供了一个接口，当提供给 getContext 或 setContext 时，允许更严格的类型
• svelte-modals 是一个简单、灵活、零依赖的 Svelte 模态框管理器

想贡献组件吗？有兴趣帮助改善 Svelte 在网络上的存在吗？ 通过对此文件进行 PR 向 Svelte Society 网站提交组件，或查看未解决问题列表，如果你想为用 SvelteKit 重写 Svelte Society 做出贡献。

下月见！

想要更多更新？加入我们的 Reddit 或 Discord！