Svelte 最新动态:2023 年 10 月
关于 Runes 和 SvelteKit +server 的补充支持的反响
Svelte 5 还未发布(不过你可以提前预览),但这并不意味着我们无法先睹为快!其中最值得注意的是 Runes —— 一种在 Svelte 代码中管理响应式变量的更简单方法。在展示部分有很多链接,深入探讨 Runes 的方方面面,但让我们谈谈本月还有哪些新内容……
Svelte 和语言工具的新动态
- Svelte 4.2.1 发布,修复了许多 HTML、CSS 和 sourcemap 编译的问题
- 最新版本的 Svelte 语言工具 增强了组件的引用功能(“查找所有引用”命令中),修复了项目重启后自动类型丢失的持久性问题,并为自动类型添加了回退处理(例如 SvelteKit 的
+server.js
文件中使用的类型)
SvelteKit 的新动态
以上就是新功能的全部内容!如果你感兴趣其他补丁和性能更新,可以查看 SvelteKit 更新日志。你也可以在每个 adapter 目录 中找到适配器特定的更新日志。
社区展示
Svelte Summit 秋季大会 将于 2023 年 11 月 11 日举行。这是第 7 届虚拟 Svelte 会议,投稿截止日期为 10 月 15 日 —— 人人都可以提交内容!
Threlte 正在举办一次黑客松活动(注意:着陆页面有动画警告——它会尊重设定的减少动画设置)。启动活动将于 2023 年 10 月 15 日星期日,16:00 UTC 举行。
使用 Svelte 构建的应用和站点
- game-of-life-svelte:使用 SvelteKit 技术实现 Conway 的生命游戏
- Limey:一个易于使用的网站构建器,适用于简单的网站和着陆页
- Appwrite 的新着陆页:现在使用 SvelteKit 编写(之前报道过他们的 控制台界面,基于 Svelte)
- PlaceIt:一个关于数字和位置的游戏
- Sveltroid:一款粉丝制作的重制版《银河战士 Prime 重装版》(代码)
- Bolighub:丹麦的房产搜索门户
- Dithering:一个支持多种选项的照片抖动工具
- Rocky Mountain Slam:交互式地图,跟随 Jason Heyn 完成史上首个 Rocky Mountain Slam 挑战(代码)
学习资源
推荐 Svelte 贡献者和大使的内容
- Svelte 5:介绍 Runes……主持人:Rich Harris 以及后续视频:Svelte 5 Runes:getter 和 setter 的玄机
- 在 SvelteKit 中有条件地流式传输数据,《作者:Geoff Rich》
- Joy of Code 的视频系列:
- Modern Web Podcast S11E2 —— 探索 Svelte、开源与 Discord 机器人,《嘉宾:Willow (GHOST)》
- 我们回来了!Svelte 5、过渡动画以及其他更新!,《作者:Svelte Radio》
- 本周推荐的 Svelte 内容:
- 2023 年 9 月 1 日:SvelteKit 1.24.0、View Transitions API、AbortController
- 2023 年 9 月 8 日:SvelteKit 1.24.1、Capacitor 使用指南、复用 Prop 类型
- 2023 年 9 月 15 日:SvelteKit 1.25.0、反序列化表单数据、新功能魔法上线
- 2023 年 9 月 22 日:Svelte 5 Runes!
值得观看
- RUNES —— Svelte v5 中的新功能 | 我的观点,《作者:Coding Garden》
- Svelte 5 别错过 和 提升你的 Svelte Stores 使用技巧,《作者:Huntabyte》
- Svelte Runes 介绍(详细解读每一个 Rune),《作者:Cooper Codes》
- Svelte Runes:是神奇还是糟糕?,《作者:Jack Herrington》
- 用 SvelteKit 构建一个 YouTube 克隆项目(整合 Svelte、Tailwind CSS、RapidAPI、Shadcn Svelte、Axios 等),《作者:Lawal Adebola》
值得阅读
- 在 Svelte 中创建完美的可共享 Rune,《作者:Jonathan Gamble》
- 你不需要“学习”Svelte,《作者:KaviiSuri》
- 使用 Prismic 和 SvelteKit 构建网站,《作者:Angelo Ashmore》
- 如何在 PHP 中嵌入 Svelte 应用?,《作者:Justin Ahinon》
- 在 SvelteKit 中使用浏览器的 Indexed DB,《作者:Shivam Meena》
- 将 Storybook 集成到 Svelte 中:以 Svelte 的方式实现,《作者:Oscar Dominguez》
- SvelteKit 教程:第一部分 | 什么、为什么以及如何?,《作者:Suyashtnt》
库、工具与组件
- KitForStartups:一个开源的 SvelteKit SaaS 项目启动模板
- SuperNavigation:针对网页移动端的导航用户体验
- skeleton-material-theme:Skeleton UI 库的 Material 主题
- better-i18n-for-svelte:一个面向搜索引擎优化的多语言 SvelteKit 网站库
- uico:一个为基本 UI 元素提供实用类的 Tailwind 插件
- svelte-maskify:一个用于 AlpineJS mask 的 action 包装器
- sveltekit-capacitor:一个使用 Capacitor 构建 SvelteKit SPA 的模板
- router-gen.ts:一个 SvelteKit 的类型安全路由器
以上就是本月的所有内容!如果你发现我们遗漏了任何内容,请在 Reddit 或 Discord 上告诉我们。
下次再见 👋