Svelte 的新动态:2024 年 2 月
Kit 的新功能:reroute
、emulate
以及更多!
自从去年年底 SvelteKit 2.0 发布以来,就有许多新功能让 Kit 的开发体验变得更好!与此同时,Svelte 团队也在努力将 Svelte 5 变为现实。
如果你错过了,Rich 还发布了 十项原则,“尝试阐明 Svelte 的哲学——我们的基本原则,它们指导了我们的设计决策。”
让我们深入了解一下都有哪些新动态,并看看社区的其他成员在做些什么......
SvelteKit 的新动态
- 客户端路由器现在支持树摇优化 (2.1.0, #11340)
$env/static/public
现在可以在服务工作线程中使用 (2.2.0, 文档, #10994)- 在拥有内容安全策略 (Content Security Policy) 的环境中,现在支持
style-src-elem
(2.2.1, 文档, #11562) - 新的
reroute
钩子允许更改 URL 到路由的转换方式 (2.3.0, 文档, #11537) read
函数现在可以在$app/server
模块中使用,允许从文件系统中读取资源 (2.4.0, 文档, #11649)- 适配器现在可以通过实现相应的函数来
emulate
生产环境,用于开发和预览服务器。这对于在开发环境中访问例如 KV 命名空间非常有用 (2.5.0, 文档, #11730)
Svelte 的新动态
如果你错过了,Svelte 5 正在预览中。与此同时,Svelte 4 (@latest
) 已经有一个修复版本发布。从 Svelte 5 的变更日志中,有一个新功能值得关注:
有关所有的 Bug 修复、内部工作以及让 Svelte 5 准备好发布的具体细节,请查看 主分支上的变更日志。
社区展示
使用 Svelte 构建的应用与网站
- Sprite Fusion 是一个免费的关卡设计工具,可以直接在浏览器中使用任意瓷砖集创建精美的 2D 平铺地图
- TypeMeUp 是一个教你如何提高打字速度的打字练习网站
- Pathfinding Algorithm Visualizer 是一个带有玩家功能的互动式路径算法可视化工具
- Roch Dog 根据对狗的友好程度为商家和酒店进行排名
- highlight.cool 是一个免费、可自定义且实时的博客高亮工具
- Nola Devs 是一个位于新奥尔良的软件开发者群体,该网站整理了他们所有活动信息
- Startup Funding Simulator 是一个帮助创业者理解现代融资(使用 SAFEs)如何运作的工具,并帮助了解筹资时可能的股权稀释情况。
学习资源
精选 Svelte 贡献者和大使的内容
- SvelteKit 新功能:
import { read } from '$app/server'
,来自 Rich Harris - 在 SvelteKit 中读取服务器端资源,来自 Geoff Rich
- 陈立豪的新书,实战 Svelte,现已出版
- Svelte Society 圣地亚哥 - 2024 年 1 月:Attila 介绍了 Svelte 5 和 SvelteKit 的最新更新
- Svelte 伦敦 - 2024 年 1 月:Rich Harris 和 pngwn 带来的精彩演讲
- Svelte 5: 速度、简单与体积,来自 Syntax.FM
- 本周 Svelte:
- 2024 年 1 月 12 日:SvelteKit 变更日志深入解析
- 2024 年 1 月 19 日:展示 Paolo Ricciuti 的新库
- 2024 年 1 月 26 日:介绍「Cells」——一个函数式与响应式编程库
阅读推荐
- 在 SvelteKit 中使用 TailwindCSS 自定义字体,来自 Launchnow
- 从 Angular 开发者的角度看 Svelte(针对 Svelte 开发者) 以及 如何为你的 SvelteKit 博客创建站点地图,来自 Kyle Nazario
- 在互联网计算机上快速搭建 Svelte,来自 Roland BOLE
- SvelteKit + Socket.io 服务器部署在 deno 上,来自 Devr
库、工具与组件
- Lucia 是一个用 TypeScript 编写的身份验证库,抽象了会话处理的复杂性,并刚刚发布了 3.0 版本
- Paraglide JS Adapter SvelteKit 是 ParaglideJS 的 SvelteKit 集成工具——一个用于国际化路由的工具
本月内容就到这啦!如果我们遗漏了什么,可以通过 Reddit 或 Discord 告诉我们。
下个月见!