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)现在是已知的全局变量- 由于 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 现在将检测预渲染的应用程序是否尝试访问查询参数,并返回错误而不是静默失败(#2104)
adapter-node
现在允许您 将 Kit 中间件添加到您自己的服务器 以与其他中间件一起使用。您还可以 在开发模式下添加中间件,并且该领域还将有更多改进- 新的
sequence
帮助程序允许您将多个handle
调用链接在一起 - 新的
handleError
钩子 使您能够选择将数据发送到错误跟踪服务,或在将错误打印到控制台之前自定义格式。 adapter-node
现在可以监听套接字路径(#2048)
要查看 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 或 SvelteKit 的 Tauri 演示了如何使用 Tauri(一个用于开发跨平台混合桌面应用程序的新轻量级框架)设置 Svelte
- Svelte - Web 应用程序开发重新构想 [Svelte 入门] 是 goto; 会议上的一场精彩的介绍性演讲
- LevelUpTuts - Svelte 比 React 更好的 5 件事之更多 强调了 Svelte 对 refs(不需要它们)、元标记等方面的方法
- Svelte 应用程序中的状态管理 是关于如何在 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 是一个用于将操作传递给组件的完全类型化的库
- 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 生态系统的更多模板、添加器和适配器。