Skip to main content

Svelte 的最新动态：2021年12月

Svelte Summit 秋季 2021 回顾，Rich Harris 加入 Vercel，Kevin 全职致力于 Svelte Society

Dani Sandoval

随着 SvelteKit 每天变得越来越稳定，除了修复 bug 之外，代码层面上没有太多需要报道的变化……所以，在本月的新闻通讯中，我们将重点关注 Svelte Summit 秋季 2021！

如果你想深入了解上个月的所有 bug 修复，请分别查看 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 中的动画和过渡效果以更好地适应所有的网页用户。他的演讲幻灯片和完整的文字记录可在 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 分享了将 LevelUpTutorials 从基于 React 重写为基于 Svelte 的过程中学到的经验，并表示“找到了开发的幸福感” (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 将学习网页开发与学习乐器联系起来，通过早期实践成功体验和真实项目介绍基础知识，使学习 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. 提出了一个全新视角的图标库 - 它可以减少应用程序的代码体积，并让任何 Svelte 应用使用整个 iconify 库 (5:30:04)

感谢 Kevin 和所有 Svelte Society 的志愿者们组织了这样一场精彩的活动！令人兴奋的是，Kevin 在活动后宣布 他将全职致力于 Svelte Society！若要获取单独的视频讲座，可浏览 Svelte Society 的 YouTube 播放列表。

如果你对 Svelte Summit 有任何反馈，Kevin 正在 Svelte 的 Reddit 版块 中征求意见 👀

社区展示

应用和网站

  • pixeldrain 是一个免费使用的文件共享平台
  • LifeHash 会生成来自 Blockchain Commons 的美丽视觉哈希
  • simple-cloud-music 是一个轻量级第三方网易云音乐播放器，仅适用于现代浏览器（可能只支持 Chrome）
  • palette.rocks 是一个带对比度检查的颜色调色板生成器
  • Kadium 是一款帮助追踪 YouTube 频道更新的应用
  • Multi-Monitor Calculator 是一个规划多显示器设置的工具
  • Your Home 是一个互动式的 Facebook 快速指南和隐私设置介绍
  • Svelte Crush 是一款类似 Candy Crush 的三消游戏
  • 100,000 德国新冠死亡人数 是为 Spiegel Gesundheit 制作的数据可视化

想找一个 Svelte 项目来参与吗？或者有兴趣帮助提升 Svelte 在网络上的影响力？ 查看 开放问题列表，支持 Svelte Society 使用 SvelteKit 进行重构。

视频、博客和播客

库、工具和组件

  • svelte-cubed 是一个 Svelte 的 Three.js 组件库 - 由 Rich Harris 为他的 Svelte Summit 秋季 2021 演讲创建
  • svelte-fsm 是一个面向 Svelte 的小型、简单、可表达的有限状态机 (FSM) 库
  • bromb 是一个易于集成/自托管的小型反馈小工具
  • Spaper 是一组 PaperCSS 组件，适用于 Svelte
  • svelte-intl-precompile 是一个用于 Svelte 的 i18n 库，可在构建时分析并编译翻译内容
  • svelte-preprocess-svg 会自动优化 Svelte 组件中的内联 SVG，以提升性能并降低文件大小
  • svelte-subcomponent-preprocessor 允许在一个 svelte 文件中编写多个组件
  • svelte-pdfjs 是一个简单实现的 Svelte PDF 查看器组件
  • svelte-inview 是一个用于检测元素何时进入或离开视口/父元素的 Svelte action
  • sveltekit-adapter-wordpress-shortcode 是一个适用于 SvelteKit 的适配器，用于将应用转换为 WordPress 短代码
  • svelte-websocket-store 是一个带有 websocket 后端的 Svelte store
  • Svelte Auto Form 是一个快速、好用的表单库，注重易用性而非灵活性
  • set-focus 是一个 Svelte action，在 <a> 或 <button> 元素挂载时立即设置焦点 - 对某些体验和测试特别有用

有 SvelteKit 的新点子？请查看 Svelte 仓库中的 GitHub Discussions。你也可以加入我们 Reddit 或 Discord。

我们下一个月年见！