Svelte 最新动态:2024 年 5 月
Svelte 5 候选版本发布及 Svelte 峰会春季活动的所有亮点
Svelte 峰会在上周结束——活动中展示了来自社区的许多精彩演讲。在压轴演讲《为您的框架做些什么》中,Rich Harris(借助 PuruVJ 的 neoconfetti 库)宣布 Svelte 5 已进入“候选版本”阶段。
这篇文章将涵盖许多候选版本中的改动,以及一些社区展示项目……让我们一起来看看吧!
2024 年 Svelte 春季峰会亮点
以下是 Svelte 峰会直播版中所有演讲的链接:
- 在学术图书馆中使用 Svelte 实现简单且可持续的 Web 开发
- 为 SvelteKit 构建 SaaS 模块
- LayerChart 入门
- 使用 Threlte Studio 进行空间编程
- Convex(赞助演讲)
- Kitbook:轻松构建、记录、检查和测试 Svelte 组件
- 全栈测试
- 为您的框架做些什么 —— 也涵盖了以下列出的许多新特性
这些演讲会逐步被制作成更易分享和重看的视频,因此请务必订阅 Svelte Society 的 YouTube 频道以保持更新。
Svelte 的新变化
Svelte 5 正式进入候选版本阶段,离正式发布又更近了一步。以下是候选版本更新日志中的一些亮点:
- Svelte 5 现在支持热模块重载(5.0.0-next.97 和 101,#11106,#11132)
- 现在可以在一个块中定义全局(或子全局)样式(5.0.0-next.111,#11276)
if
块、each
块和属性更新的编译代码现在更加高效(5.0.0-next.83-85,#10906,#10937 和 #10917)- 来自
svelte/reactivity
的内置模块现在重新导出,可以在服务器上使用(5.0.0-next.88,文档,#10973) - 一个新的反应式 URL 对象现在可用,它位于
svelte/reactivity
中(5.0.0-next.103,文档,#11157) - 使用 HTML 标签现在更快,具有更高效的 hydration 标记(5.0.0-next.90-91,#10986 和 #11019)
- 新的
$host
符文可检索包含组件的自定义元素的this
引用,无需使用createEventDispatcher
(5.0.0-next.96,文档,#11059)
社区展示
使用 Svelte 构建的应用程序和网站
- Collabwriting 刚刚完成了 120 万美元的融资并推出了新产品——Collabwriting for Teams。恭喜!
- Skypix 是一个音乐库,允许用户创建播放列表、将歌曲添加到其库中并与朋友分享音乐
- Jonze 是一个开源但托管的工具,用于管理会员信息,具有出勤跟踪和会员计划功能
- midi-note-trainer 是一个基于 Web MIDI 构建的音乐记谱训练应用
- Easy-Rd 是一个免费工具,用于基于代码的 ER 图形化创建
- Gamera 是一个为隐私优先的世界设计的简洁网站分析工具
- Collecta 让你可以在一个空间中收集互联网内容——组织图片、书签和灵感,并与朋友分享你的兴致
- ColdCraft 将要点和 LinkedIn 档案转化为有效的冷邮件
- Fourplay 是一个用 Rust 和 Svelte 编写的多人单词游戏
- how-long-is-a-click 是一个网站,用来精确测量网络点击的时间长度
学习资源
来自 Svelte 贡献者和大使
- 预处理器是最强大的 Svelte 特性无人问津、如何制作自定义 Markdoc 渲染器 和 用一行代码创建响应式 CSS 网格布局,作者:JoyOfCode
- Phoenix LiveView 和 Svelte,作者:Wout De Puysseleir,发布于 Svelte Radio
- Svelte London - 2024 年 4 月:
- 在 SvelteKit 中实现认证:难与易的方法,作者:Ajit Krishna
- 我的 SvelteKit 项目中的三个故事,作者:Rowan Aldean
- 本周的 Svelte:
待阅读
- LiveView 与 Svelte 最佳实践,作者:Anthony Accomazzo
- 优化我的 SvelteKit 博客,作者:refac0r
- 为什么 Lucia 可能是 SvelteKit 最好的认证库,作者:Justin Ahinon
- 用 Docker 和 Node.js 部署 Svelte 应用:开发者指南,作者:Klevert Opee
- 使用 Firebase 管理 SvelteKit Todo 应用,作者:Jonathan Gamble
待观看
- 用 SvelteKit、GSAP 和 Prismic 构建动态网站 ,作者:Prismic
库、工具和组件
- sk-seo 是一个简单却强大的 Svelte SEO 组件,能自动处理许多繁琐的 SEO 部分
更多请随时访问 Reddit 或 Discord 社区!