跳至主要内容

Svelte 2021年9月更新

StackOverflow 最受喜爱的 Web 框架

本月,Svelte 被 评选为 StackOverflow 最受喜爱的 Web 框架,Tan Li Hau 在 Svelte Radio 中谈到了他的 充满 Svelte 的 YouTube 频道,并且 SvelteKit 向 1.0 版本发布又迈进了更多一步!

Svelte 新功能

  • use:actions 现在可以在 <svelte:body> 上使用(3.42.0
  • HTMLElementSVGElement3.42.2)和 BigInt3.42.3)现在是已知的全局变量
  • 由于 3.42.2 中的以下改进,Svelte 的输出代码量减少了
    • 类和样式属性中的空白符现在已折叠
    • 已更新水合组件,使其仅依赖于用于创建组件中存在的元素类型的帮助程序
  • 现在在 flip 动画中考虑了缩放比例(3.42.2
  • 当绑定值与其中任何一个都不匹配时,<select> 中的所有 <option> 现在都将取消选择(3.42.2

有关功能和错误修复的完整列表,请查看 Svelte 变更日志

SvelteKit 更新

Svelte 维护者正在 寻求帮助以将 SvelteKit 推向 1.0 版本。我们已经解决了 1.0 里程碑中的 100 多个问题。只剩下几十个问题了,我们很乐意伸出援手,让这个列表更短一些!

如果您想提供帮助,请考虑处理任何 1.0 里程碑问题

过去一个月,重点一直放在继续解决任何问题上,合并了 100 多个 PR。还增加了一些新功能……

要查看 SvelteKit 的所有更新,请查看 SvelteKit 变更日志


社区展示

应用和网站

  • @puruvjdev 的 macos-web 已从头开始使用 Svelte 重建。在此 Twitter 线程 中查看所有详细信息
  • Brave 搜索 正在使用 Svelte
  • exatorrent 是一个自托管的、易于使用、轻量级且功能丰富的 torrent 客户端,用 Go 和 Svelte 编写
  • json2TsTypes 是一个简单的工具,可将您的 JSON 转换为 TypeScript 类型/接口
  • Histogram.dev 为 CSV 中的每个特征生成直方图
  • cybernetic.dev 是在学习 Svelte 时进行的一系列以数据为中心的 UI 实验
  • LunaNotes 是一款 Chrome 扩展程序,可帮助您记下 YouTube 视频笔记
  • theia.games 的内置 3D 环境编辑器允许您使用 Svelte 构建的菜单创建 VR 世界
  • Ferrum 是一款适用于 Mac、Windows 或 Linux 的音乐库和播放器
  • Fluid Earth 是一款交互式 WebGL 应用程序,用于可视化地球的大气和海洋

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

教育内容

库、工具和组件

  • svelte-stripe-js 是将 Stripe 添加到 Svelte 项目所需的一切。100% 兼容 SvelteKit
  • svelte-steps 是一个用 Svelte 编写的可自定义步骤组件
  • simple-optics-module 是一个用于实验和教授几何光学的在线开源光学工具
  • inlang 是一个用于 SvelteKit 应用程序的国际化 (i18n) 工具
  • Sveno 是一种组件转换器,可将 React 组件转换为 Svelte 组件
  • svelte-useactions 是一个用于将操作传递给组件的完全类型化的库
  • Svelte-Element-Query 是一个用于元素查询的 322b 库/操作
  • svelte-meta-tags 是一款插件,可简化 Svelte 项目中的 SEO 管理
  • svelte-domtree 允许您可视化 DOM - 类似于 Chrome DevTools 中的 DOM 树
  • 跨框架状态管理库 Diffx 刚刚增加了对 Svelte 的支持
  • svelte-ionic-starter 是一个用于 Svelte + Ionic + CapacitorJS 应用程序的项目模板,具有实时重新加载和 iOS/Android 构建目标
  • demo-sveltekit-sanity 是 SvelteKit 和 Sanity(一个开源 React CMS)的入门套件

查看社区网站 sveltesociety.dev,获取来自整个 Svelte 生态系统的更多模板、添加器和适配器。

下个月见!

想要更多更新?加入我们 RedditDiscord