Svelte 新闻：2021年1月

Svelte 祝大家新年快乐！在上个月，我们在 Sapper 的即将发布的版本上取得了进展，微调了我们的 SvelteComponent 类型定义，并且在展示中看到了一些很棒的应用程序、网站和库。

Svelte 中有什么变化？

一个新的次要版本用 SvelteComponentTyped 类替换了 SvelteComponent 类。此重命名应该有助于向后兼容。我们已经更新了上个月的博文，以避免名称更改带来的任何混淆。

如果您在项目或库中使用 SvelteComponent 或新的 SvelteComponentTyped，请告诉我们您使用它的用途，我们会将其添加到展示中！

Sapper 发生了什么？

越来越多的提高生活质量的功能正在即将发布的版本中每天出现。0.29.0 将包含新的 TypeScript 定义、滚动跟踪和预取行为的修复，以及对运行时路由器的改进以支持编码查询参数。

如果您从 0.28.x 升级，请查看迁移指南，了解有关更新到 Sapper 0.29 的步骤。

SvelteKit 准备好发布了吗？

为了避免在开发过程中出现太多变化，SvelteKit 仍在私有仓库中开发。当它准备好供更大范围的用户和贡献者使用时，将在 Discord、博客和 Twitter 上发布公告。

同时，您可以通过在命令行中运行 npm init svelte@next 来探索当前构建。

正如在SvelteKit 是怎么回事？中警告的那样，目前还没有文档或支持……所以请自行承担风险/享受乐趣！

---

社区展示

应用和网站

• manitu.me 是一个用于专注和放松的背景声音/番茄工作法计时器
• Answer Socrates 帮助您找到互联网上最热门的问题，以便您可以撰写最相关的博文、推文或广告牌
• multris 是一款多人俄罗斯方块游戏。您可以在此处阅读其开发过程
• weather-ab 比较世界不同城市的档案天气。对于考虑移民的人来说必不可少
• Game Nibs 是一个平台，供游戏玩家查找和分享简洁的游戏建议、技巧、窍门、屏幕截图、构建等等
• Ora 是一个针对 Chrome 和 Firefox 的开源网站跟踪和限制工具
• vscode-dms 是一个针对 VSCode 的群组直接消息聊天应用
• Zero.2 是一款基于数学的挑战游戏，您需要尽快将数字变为零
• Octave Compass 是许多流行音乐音阶的和弦表和音阶浏览器
• Infinite Walking Bass Generator 2 是一款在线音乐播放器，可以生成独特的步行贝斯线
• ListenAddict 是一个网站，当某人在播客上有新的谈话/访谈时会通知您

演示、库和组件

• svelte-tiny-virtual-list 通过仅渲染可见项目来加速长列表
• svelte-query 是一个包含有助于管理、缓存和同步异步和远程数据的钩子的集合
• svelte-previous 是一个用于记住先前值的 Svelte 存储 - 对过渡或快速撤消堆栈很有帮助
• 让我们构建一个五彩纸屑炮 解释了如何构建粒子系统并将基于画布的动画集成到更大的应用程序中
• svelte-micro 是一个单组件路由器
• svelte-standalone-router 是一个独立路由器，其 API 基于standalone-router
• svelte-datepicker 是一个日期选择器组件，具有时间选择、日期范围和响应式主题的变体
• svelte-slimscroll 是一个针对 Svelte.js 的操作，它可以将任何 div 转换为带有漂亮滚动条的可滚动区域。
• Svelte 可缩放 是一个带有不错的缩放效果的自定义过渡

您想分享一个组件吗？ 将您自己的组件提交 到 Svelte Society 网站上的软件包列表中。

学习资源

• 使用 Svelte 创建滚动视频效果 展示了如何使用 bind 命令用很少的代码创建很酷的滚动视频效果
• 如何在 Svelte 和 TypeScript 中制作 flappybird 游戏 是一个包含文档和代码以供参考的视频教程
• 可访问的 Svelte 过渡 演示了 prefers-reduced-motion 以使 Svelte 过渡更易于访问
• Svelte 的模块脚本解释 是对模块上下文（一种常见的 Sapper 模式）的极佳介绍
• Awesome Svelte 是一个精心策划的 Svelte 资源列表
• .NET Core 和 Svelte 解释了如何使用 .NET Core 启动并运行 Svelte
• 探索 Svelte JS 是一个法语 Svelte 教程系列！
• 面向 React 开发人员的 Svelte 向习惯使用 React 的用户解释了 Svelte 的核心概念
• 使用流畅页面过渡构建 Svelte 静态网站 展示了如何使用 Svelte 构建静态网站，并使用 Three.js 和 GSAP 添加流畅的页面过渡。
• 在 Sapper 中使用 Apollo Client 解释了将 Apollo 查询客户端集成到 Sapper 中的“最简单”解决方案
• 使用 Crystal + Svelte 构建响应式 Web 应用程序 探讨了如何使用 Crystal 后端构建全栈服务器端渲染的 Svelte 应用程序

相关项目

• Snowpack 的 v3 发布候选版本 现已发布，准备在 1 月 6 日发布。查看Svelte 入门，以获取有关如何使用 Snowpack 的更多信息。
• Uppy（开源文件上传器）在其新版本 1.24 中宣布了对 Svelte 的支持

下个月见！

想将您的作品添加到展示中？想为 Svelte 做出贡献？查看Svelte Society、Reddit 和Discord 以参与其中！