Skip to main content

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)现在是已知的全局变量
  • 由于以下改进,Svelte 的输出代码减少了(3.42.2):
    • 类和样式属性中的空格现在已经折叠
    • Hydrated 组件更新后,仅依赖于组件中存在的元素类型的辅助工具
  • flip 动画现在考虑了缩放(3.42.2
  • 当绑定的值与 <select> 中的 <option> 不匹配时,现在所有 <option> 都会取消选中(3.42.2

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

SvelteKit 更新

Svelte 的维护者们正在寻找帮助以让 SvelteKit 达到 1.0。我们已经解决了 1.0 里程碑中的 100 多个问题,目前只剩下几十个问题,我们希望有人能帮助进一步缩短这个列表!

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

上个月的重点是继续解决问题,合并了超过 100 个 PR,同时还增加了一些新功能……

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


社区展示

应用与网站

  • macos-web 由 @puruvjdev 使用 Svelte 从头构建。详细信息请查看这条 Twitter 线程
  • Brave Search 使用了 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 在 Web 上更具影响力? 如果您愿意为 Svelte Society 的 SvelteKit 重写贡献,请查看开放问题列表

教育内容

库、工具与组件

  • svelte-stripe-js 提供添加 Stripe 到 Svelte 项目所需的一切,并且 100% 兼容 SvelteKit
  • svelte-steps 是一个可自定义的步骤组件,由 Svelte 编写
  • simple-optics-module 是一个在线开源光学工具,可用于几何光学的实验和教学
  • inlang 是一个为 SvelteKit 应用程序设计的国际化(i18n)工具
  • Sveno 是一个组件转译器,可将 React 组件转换为 Svelte 组件
  • svelte-useactions 是一个完全类型化的库,用于将 actions 传递到组件中
  • Svelte-Element-Query 是一个 322b 的库/action,用于元素查询
  • svelte-meta-tags 是一个插件,使得在 Svelte 项目中管理 SEO 变得更加容易
  • svelte-domtree 允许您可视化 DOM,类似于 Chrome DevTools 中的 DOM tree
  • Diffx,一个跨框架的状态管理库,现已添加对 Svelte 的支持
  • svelte-ionic-starter 是一个 Svelte + Ionic + CapacitorJS 应用的项目模板,支持实时重新加载及 iOS/Android 构建
  • demo-sveltekit-sanity 是一个 SvelteKit 和 Sanity 的入门工具包,Sanity 是开源的 React CMS

更多模板、adders 和适配器,请访问社区网站 sveltesociety.dev,了解来自 Svelte 生态系统的更多内容。

下个月见!

想了解更多更新?加入我们:RedditDiscord