Svelte 新闻：2021 年 12 月

随着 SvelteKit 每天都变得越来越稳定，除了错误修复之外，代码更改方面没有太多内容需要介绍……因此，在本月的时事通讯中，我们将介绍 Svelte Summit 秋季 2021！

如果您想深入了解上个月的错误修复，请分别查看Svelte 和 SvelteKit 的更改日志。

Svelte Summit 上发生了什么？

如果您错过了 Svelte Summit，您可以在YouTube 上观看整个直播，并在Discord 上的 #svelte-summit 频道 中查看回顾。

以下是亮点

• Rich Harris 带领我们回顾了 Svelte 的历史，并宣布了他加入 Vercel 的消息——在那里，他将全职帮助维护 Svelte！（20:00）
• Steph Dietz 解释了 Svelte 的简单抽象如何使初学者和专家都能轻松学习和使用 JavaScript，而无需样板代码（29:00）
• Kevin Bridges 通过 ReflectiveCounter 对 Svelte 的反应式逻辑进行了深入探讨，并展示了如何根据需要对其进行“微调”。演示的完整“教学大纲”可在Kevin 的网站 上找到。（42:55）
• Mateo Morris 推出了Primo，一个多合一的 SvelteKit CMS，可帮助构建和管理静态网站（1:12:34）
• Guillermo Rauch 解释了 Vercel 对 Svelte 的承诺，Rich 加入团队意味着什么，以及公司接下来会做什么……（1:21:54）
• Geoff Rich 介绍了在 Svelte 中修改运动和转换的各种方法，以便让所有 Web 用户都能更轻松地使用它们。幻灯片和演讲的完整文字记录可在Geoff 的网站 上找到。（1:32:30）
• Dean Fogarty 演示了自定义存储的许多不同用例——在 Svelte 中将数据转换到存储机制和从存储机制转换数据。文字记录和代码可在Dean 的 GitHub 上找到。（1:43:06）
• Kellen Mace 分享了我们如何让内容创建者继续使用 WordPress，同时利用前端的 Svelte 提供出色的用户体验（1:49:30）
• Ben Holmes 解释了“岛屿”架构以及 11ty + Slinkity 如何将这些岛屿引入任何 HTML 模板（2:17:15）
• Scott Tolinski 分享了使用 Svelte 重写基于 React 的 LevelUpTutorials 中吸取的教训，并“发现了开发者的幸福”（3:16:35）
• Svelte Sirens 宣布成为女性、非二元性别者和盟友的新 Svelte 社区。他们的第一次活动在 11 月 29 日举行——所有未来的活动都可以在Svelte Sirens 网站 上找到（3:50:45）
• Rich Harris 讨论了使用 SvelteKit 创建库、在开发时更好地链接包以及 SvelteKit 如何帮助进行现代 JavaScript 库开发（3:56:00）
• Ken Kunz 解释了有限状态机（以及 svelte-fsm 库）如何使管理 Svelte 组件状态变得更加……易于管理。演讲中的示例可在Ken 的 GitHub 上找到。（4:07:18）
• Austin Crim 将 Web 上的代码学习与学习演奏乐器联系起来。通过让学习者获得早期成功，并通过现实世界的应用程序介绍基本知识，学习 Svelte（以及底层的基础知识）就不必是一件苦差事（4:21:50）
• Jesse Skinner 通过解释如何在 React（甚至 jQuery！）项目中使用（和重用）Svelte 组件，将我们的遗留应用程序带入了未来（4:32:30）
• Jim Fisk 和 Stephanie Luz 介绍了Plenti 及其主题工具，以使构建新的 Svelte 网站的速度更快（4:59:00）
• Evyatar Alush 帮助我们使用一个名为Vest 的强大的验证库来构建（和维护）更好的表单（5:08:55）
• Dominik G. 展示了一种全新的图标库——它可以减少应用程序的包大小，并开放整个 iconify 库供任何 Svelte 应用程序使用（5:30:04）

感谢Kevin 和所有 Svelte Society 志愿者举办了如此精彩的活动！令人兴奋的是，Kevin 在活动后宣布，他将全职致力于 Svelte Society！您可以在此 Svelte Society YouTube 播放列表 中查看所有演讲，这些演讲已拆分为单独的视频，方便观看。

如果您对 Svelte Summit 有任何反馈，Kev 正在Svelte subreddit 上征求反馈 👀

---

社区展示

应用和网站

• pixeldrain 是一个免费使用的文件共享平台
• LifeHash 从 Blockchain Commons 生成美丽的视觉哈希值
• simple-cloud-music 是一个适用于现代浏览器的轻量级第三方网易云音乐播放器（可能仅适用于 Chrome）
• palette.rocks 是一个内置对比度检查功能的调色板生成器
• Kadium 是一个用于关注 YouTube 频道上传的应用程序
• 多显示器计算器 是一个用于规划多显示器设置的工具
• 您的主页 是 Facebook 隐私设置的交互式概述
• Svelte Crush 是一款糖果粉碎传奇风格的匹配 3 游戏
• 德国 100,000 例新冠肺炎死亡病例 是为 Spiegel Gesundheit 制作的可视化效果

正在寻找一个 Svelte 项目来参与？有兴趣帮助改善 Svelte 在 Web 上的存在吗？如果您想为 SvelteKit 中的 Svelte Society 重写做出贡献，请查看开放问题列表。

视频、博客和播客

• 如何制作和发布 Svelte 库
• SvelteKit 现在在 WebContainers 中得到完全支持
• 介绍 Svelte，以及比较 Svelte 与 React 和 Vue
• 使用 Jest 测试 Svelte 应用程序
• 如何使用 SvelteKit 创建吐司通知库包
• Svelte 训练：在这里您可以学习 Svelte
• Svelte 动作简介
• 享受使用 SvelteWeb3 制作 DAPP
• Svelte 创建者：Web 开发应该更有趣
• Svelte Radio：Rich Harris 现在全职致力于 Svelte 🤯
• Web Rush：与 Nick Reese 一起使用 Svelte 和 Elder.js
• 使用无服务器 Redis 构建 SvelteKit 应用程序

库、工具和组件

• svelte-cubed 是一个用于 Svelte 的 Three.js 组件库——由 Rich Harris 为他在 Svelte Summit 秋季 2021 上的演讲创建
• svelte-fsm 是一个微小、简单、富有表现力、务实的有限状态机 (FSM) 库，针对 Svelte 进行了优化
• bromb 是一个用于网站/Web 应用程序的反馈小部件，它体积小巧，易于集成/自托管
• Spaper 是一组用于 Svelte 的 PaperCSS 组件
• svelte-intl-precompile 是一个用于 Svelte 的 i18n 库，它在构建时分析和编译您的翻译
• svelte-preprocess-svg 自动优化 Svelte 组件中的内联 SVG，以提高性能并减少文件大小
• svelte-subcomponent-preprocessor 允许您在一个 svelte 文件中编写多个组件
• svelte-pdfjs 是 Svelte PDF 查看器组件的粗略实现
• svelte-inview 是一个 Svelte 动作，它监控元素进入或离开视口/父元素
• sveltekit-adapter-wordpress-shortcode 是一个用于 SvelteKit 的适配器，它将您的应用程序转换为 WordPress 短代码
• svelte-websocket-store 是一个带有 Websocket 后端的 Svelte 存储
• Svelte 自动表单 是一个快速有趣的表单库，专注于易用性，而不是灵活性。
• set-focus 是一个 Svelte 动作，它将在 <a> 或 <button> 元素挂载后立即将焦点设置在其上——对于某些体验和测试很有用

您对 SvelteKit 有什么想法？查看 Svelte 存储库中新的GitHub 讨论。您也可以加入我们在Reddit 或Discord 上的社区。

明年再见！