Svelte 的最新动态:2024 年 3 月
嵌套 CSS 支持以及更简洁的 Svelte 5 客户端 API
本月,Svelte 的维护者们在 Svelte 5 上取得了众多进展,而 Rich Harris 与 Prismic 进行了会谈,讨论了团队如何改进该框架。
还有许多内容值得展示......让我们开始吧!
Svelte 的最新动态
你可能已经听说了,Svelte 5 已经进入预览阶段了。与此同时,Svelte 4(@latest
)仅有一个错误修复。不过,Svelte 5 的变更日志中有不少更新:
- 重大变更:
$derived.call
现在改名为$derived.by
(5.0.0-next.54, 文档, #10445) - 派生对象属性的解构现在将保留细粒度的反应性 (5.0.0-next.55, 文档, #10488)
- 全新的
hydrate
方法使相关的 hydration 代码支持 tree shaking (5.0.0-next.56, 文档, #10497) - 现在支持嵌套 CSS,并改进了对
:is(...)
和:where(...)
的支持 (5.0.0-next.57, #10490) - 重大变更: 通过移除
createRoot
、调整mount
/hydrate
API 以及引入unmount
来简化客户端 API (5.0.0-next.58, Issue#9827, #10516)
有关 Svelte 5 到发布准备阶段的所有错误修复、任务及基础工作的更多详情,请查看主分支的变更日志。
SvelteKit 的最新动态
本月主要是一些错误修复。最值得注意的是解决了导航后旧值保留的问题 (2.5.1, #11870)。
适配器现在还可以使用 emulate
函数,提供开发与预览功能 (2.5.0, 文档, #11730)。这将在不久的将来为开发 Cloudflare 提供更好的体验 (11732)。
有关 SvelteKit 的所有更改,请查看变更日志。
社区展示
使用 Svelte 构建的应用和网站
- Wishgram 是一个生成手写祝福卡片的工具
- rfidify 是一个基于树莓派的 RFID 阅读器,用于在 Spotify 上播放内容
- listn.fyi 是一个有趣且简单的方法,用于分享你当前正在听的音乐
- Meowrite 是一款 AI 写作工具,可用于求职信、论文等
- Photo Multitool 是一组免费的在线照片处理工具
- sveltekit-weather-app 是一个由 SvelteKit 制作的精美天气应用
学习资源
来自 Svelte 的贡献者和大使
- 如何让一个优秀的框架变得更好?- Rich Harris 讲解 Svelte 5 (Prismic 提供)
- Svelte 5 是一个巨兽,但值得切换吗? (Syntax.FM 提供)
本周的 Svelte:
阅读/观看
- 升级到 Svelte 5 - Mike Stachowiak
- 使用 GPT4 和 Svelte 构建应用 - Lev Miseri
- 使用 Svelte 和 Deno 构建推荐歌曲的小型网站 - Bryce Dorn
- 使用 OpenAPI 轻松同步你的 SvelteKit 前端和后端:生成 SDK 的分步指南 - Launchnow
- 如何在 2024 年 15 分钟内构建一个可编辑的网站 - Svelte Headless
- 本地优先的 LiveView Svelte ToDo 应用 - Tony Dang
库、工具和组件
- PaneForge 提供了使创建可调整大小的面板变得简单的组件
- Svelte UX 和 LayerChart 现在通过语义和状态类支持主题功能
- Huly Platform 是一个用于加速业务应用开发(如 CRM 系统)的强大框架
- svelte-marquee 是一个美观的 Svelte 跑马灯组件
- Just Ship 是一个适用于 Svelte 5 的 SvelteKit 鉴权模板
- cells 是一个用于 Svelte 的函数式和响应式库
- Svelte Headless 是一个示例网站,展示如何创建能接入无头 CMS 的简单博客网站
- Sugar.css 是一个语义化、可访问、轻量级的 CSS 框架
- apple-svelte 是一个基于苹果人机界面设计语言的 Svelte 组件库
- SvelteKit SSE 提供了一种简单的方法来生成和消费服务器发送事件
- Formsnap 是一个 sveltekit-superforms 的可访问包装器,进行了重大重写并改进了文档
本月就到这里!如果我们错过了什么,可以在 Reddit 或 Discord 上告诉我们。
下个月见 👋