Skip to main content

Svelte 有什么新动态：2022 年 7 月

更快的 SSR、语言工具改进以及一位新的付费贡献者！

Dani Sandoval

从更快的 SSR 到 SvelteKit 对 Vitest 和 Storybook 的支持，本月的新闻通讯内容丰富...

让我们一起看看吧！

OpenCollective 资助推动 Svelte 向前发展

Svelte 的支持者通过 OpenCollective 上的项目 捐赠了大约 80,000 美元。我们很高兴地分享，这笔资金正在被用于以有意义的方式推动 Svelte 前进。@gtm-nayan 本月已开始作为项目的付费贡献者来帮助我们整理和修复 SvelteKit 的问题，推动 SvelteKit 达到 1.0 的稳定性水平！@gtm-nayan 一直是 Svelte 社区的活跃成员，并因编写帮助我们 Discord 服务器正常运行的机器人而广为人知。我们很高兴有了这些资助资金，能够让 Svelte 获得他更多的时间。

我们还将利用 OpenCollective 资金，让 Svelte 核心维护者能够在今年秋天亲自参加 Svelte Summit。感谢所有捐赠者的支持！

Svelte 和语言工具的新动态

  • 教程：目前正在开发的新教程，用于从零开始学习 Svelte 和 SvelteKit
  • 更快的 SSR 即将在下一次 Svelte 发布中推出。这是一个长达两年的 PR，某些基准测试的渲染速度提升高达 3 倍！(PR)
  • 在最新版本的 Svelte 扩展中，新增了“查找文件引用” (0.14.28) 和“查找组件引用” (0.14.29) 功能，显示 Svelte 文件和组件的导入和使用位置 (演示)
  • Svelte 扩展现在支持 CSS 路径补全功能 (0.14.29)

SvelteKit 的新动态

  • 引入了 @sveltejs/kit/experimental/vite，允许 SvelteKit 与 Vite 生态系统的其他工具（如 Vitest 和 Storybook）进行互操作 (#5094)。请提供反馈，告知该功能的效果和是否有帮助，我们将考虑是否将其从实验功能阶段升级为要求所有用户配置 vite.config.js
  • 端点中现在支持流式传输 (#3419)。这是通过切换到 Undici 的 fetch 实现实现的 (#5117)
  • 现在开发环境中可以通过符号链接访问静态资源文件 (#5089)
  • server 和 prod 环境变量现已可用，与 browser 和 dev 环境变量对应 (#5251)

社区展示

使用 Svelte 构建的应用和站点

  • Virtual Maker：在浏览器中创建交互式 3D 和 VR 场景的工具
  • Apple Beta Music 看起来是用 Svelte 和 Web Components 的某种组合编写的
  • Itatiaia 是巴西最大的电台，其新闻门户最近用 SvelteKit 重新上线
  • Pronauns：通过国际音标 (IPA) 学习发音，帮助用户提升发音更加地道
  • Immich 是一个开源、高性能的自托管解决方案，用于备份手机中的视频和照片
  • Pendek：用 SvelteKit、Prisma 和 PlanetScale 构建的短链接生成工具
  • Grunfy：一组吉他工具，最近迁移到 SvelteKit
  • Radiant: The Future of Radio：一个用 Svelte 和 Capacitor 构建的个人电台应用
  • Imperfect Reminders：一个适用于时间敏感程度较低任务的代办清单
  • Periodic Table：用 Svelte 编写的动态周期表组件
  • Svelvet：一个轻量级的 Svelte 组件库，用于构建交互式基于节点的图表
  • publint：检测打包错误，确保跨环境兼容性
  • Playlistr：帮助管理和创建 Spotify 播放列表
  • Geoff Rich 的页面过渡演示：展示了如何使用 SvelteKit 的 beforeNavigate / afterNavigate 钩子在最新的 Chrome Canary 中实现平滑的文档过渡
  • Menger Sponge：使用 Threlte 构建的分形

想要为使用最新 SvelteKit 功能的网站做贡献？帮助构建 Svelte Society 网站！

学习资源

有 Svelte 团队参与

值得观看

值得阅读

库、工具和组件

  • Svend3r：一个适用于 Svelte 的即插即用 D3 绘图库
  • Svelte Hover Draw SVG：一个轻量级的 Svelte 组件，用于鼠标悬停时绘制 SVG
  • Svelte French Toast 提供顺滑、美观且可定制的轻量级通知组件
  • SVooltip 是一个基础的 Svelte 工具提示指令，基于 Floating UI
  • Svelte Brick Gallery：一个适用于 Svelte 的砖块样式图片库组件
  • use-vest：Vest 的 Svelte action，一个可以方便验证表单和显示错误的库
  • Svelidate：一个简单、轻量的 Svelte 表单验证库，无需依赖
  • Svve11：一个以“无障碍优先”为核心的 Svelte 组件库
  • Slidy：用于实现简单、可配置和可复用的轮播滑动动作脚本
  • Svelte Component Snippets：一个 VS Code 扩展，提供常见的 Svelte 代码片段
  • Svelte Confetti：用一些炫酷的彩带 🎊 为应用增加乐趣

有什么我们遗漏的吗？让我们知道！可以在 Reddit 或 Discord 上分享您的意见。

别忘了您还可以亲自参加在斯德哥尔摩举办的 Svelte Summit！加入我们，一起度过两天充满精彩 Svelte 内容的活动吧！立即获取您的门票。

下个月见！