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)HTMLElement
、SVGElement
(3.42.2)和BigInt
(3.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 现在会检测预渲染的应用是否尝试访问查询参数,并在失败时返回错误,而不是静默失败(#2104)
adapter-node
现在允许您将 Kit 中间件添加到自己的服务器以与其他中间件一起使用。您还可以在开发模式下添加中间件,未来将在这个领域有更多改进- 新的
sequence
辅助函数允许您将多个handle
调用链接在一起 - 新的
handleError
hook 允许您将错误数据发送到错误跟踪服务,或者在打印错误到控制台之前自定义格式化 adapter-node
现在可以监听套接字路径(#2048)
要查看 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 或 SvelteKit 的 Tauri 介绍了如何将 Svelte 与 Tauri 配合使用,这是一个用于开发跨平台混合桌面应用的新轻量级框架
- Svelte - Web App Development Reimagined [An Intro to Svelte] 是 goto; 会议上的一个精彩入门介绍
- LevelUpTuts - 我更喜欢 Svelte 的五个功能(比 React 更出色) 突出了 Svelte 对于 refs 的处理(不需要)、meta 标签等的特点
- 在 Svelte 应用程序中进行状态管理 是关于如何在 Svelte 应用中使用状态管理存储的教程
- 从 Sapper 迁移到 SvelteKit 是 ShipBit 从 Sapper 迁移的回顾和总结
库、工具与组件
- 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 生态系统的更多内容。