Svelte 的最新动态：2021 年 1 月

来自 Svelte 的新年祝福！在过去的一个月里，我们在 Sapper 的即将发布的版本上取得了进展，微调了 SvelteComponent 的类型定义，并且在展示中看到了许多令人惊叹的应用程序、网站和库。

Svelte 有哪些变化？

一个新的小版本将 SvelteComponent 类替换为 SvelteComponentTyped 类。此命名更改旨在帮助实现向后兼容。我们已经更新了上个月的博客文章，以避免与名称变化有关的任何混淆。

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

Sapper 发生了什么？

每一天，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 存储——对于过渡或快速撤销堆栈非常有用。
• Let’s Build a Confetti Cannon 解释了如何搭建一个粒子系统并将其整合到基于 Canvas 的动画中。
• svelte-micro 是一个单组件路由器。
• svelte-standalone-router 是一个基于 standalone-router API 的独立路由器。
• svelte-datepicker 是一个日期选择器组件，支持时间选择、日期范围和响应式主题的多种变体。
• svelte-slimscroll 是一个适用于 Svelte.js 的操作，可将任何 div 转换为具有漂亮滚动条的可滚动区域。
• Svelte Zoomable 是一个带有精美缩放效果的自定义过渡。

有组件想分享吗？ 提交你的组件 到 Svelte Society 网站的包列表。

学习资源

• 使用 Svelte 创建滚动视频效果 展示了如何使用 bind 命令通过极少的代码创建一个酷炫的滚动视频效果。
• 如何用 Svelte 和 TypeScript 制作 Flappy Bird 游戏 是一个包括参考文档和代码的视频教程。
• 可访问的 Svelte 过渡 讲解了如何使用 prefers-reduced-motion 使 Svelte 过渡更具可访问性。
• Svelte 的模块脚本详解 是对模块上下文的绝佳介绍，这是一个常见的 Sapper 模式。
• Awesome Svelte 是一个 Svelte 资源的精选列表。
• .NET Core 和 Svelte 讲解了如何使用 .NET Core 快速启动和运行 Svelte。
• A la découverte de Svelte JS 是一个法语 Svelte 教程系列！
• 为 React 开发者准备的 Svelte 向习惯使用 React 的用户解释了 Svelte 的核心概念。
• 用平滑页面过渡构建 Svelte 静态网站 展示了如何使用 Svelte 构建静态网站，并通过 Three.js 和 GSAP 添加平滑页面过渡。
• 在 Sapper 中使用 Apollo 客户端 解释了将 Apollo 查询客户端整合到 Sapper 中的“最简单”解决方案。
• 使用 Crystal + Svelte 构建响应式 Web 应用 探索了如何使用 Crystal 后端构建全栈、服务端渲染的 Svelte 应用。

相关项目

• Snowpack 的 v3 候选发布版 已经推出，计划在 1 月 6 日发布正式版。查看 Svelte 入门教程 了解更多如何使用 Snowpack 的信息。
• Uppy，这个开源文件上传工具，在其新版本 1.24 中宣布支持 Svelte。

下个月再见！

想将你的作品添加到展示中吗？想为 Svelte 做贡献吗？访问 Svelte Society、Reddit 和 Discord 参与其中！