Svelte 十月 2023 新闻
对 Runes 和 SvelteKit +server 回退的反应
Svelte 5 尚未发布(但是,您可以立即预览),但这并不意味着我们无法抢先一睹!最值得注意的是Runes——一种更简单的方法来管理 Svelte 代码中的响应式变量。展示部分有很多链接可以更深入地了解 Runes 的所有内容,但让我们谈谈本月发布的其他内容……
Svelte 和语言工具的新增功能
- Svelte 4.2.1 发布了一系列修复 HTML、CSS 和源映射编译的修复程序
- 最新版本的 Svelte 语言工具 增强了“查找所有引用”命令中的组件引用,修复了项目重新启动后自动类型持续丢失的问题,并为自动类型添加了回退处理(例如在 SvelteKit 的
+server.js
文件中找到的那些)
SvelteKit 的新增功能
这就是所有新功能!如果您正在寻找其他补丁和性能更新,请查看SvelteKit CHANGELOG。您还可以在每个adapter
目录中找到特定于适配器的 CHANGELOG。
社区展示
Svelte Summit 秋季 将于 2023 年 11 月 11 日举行。第七届虚拟 Svelte 大会提案截止日期为 10 月 15 日——任何人都可以提交!
Threlte正在举办黑客马拉松(着陆页面的运动警告——它将尊重“减少运动”设置)。启动活动将于 2023 年 10 月 15 日星期日 16:00 UTC 举行。
使用 Svelte 构建的应用程序和网站
- game-of-life-svelte 是使用 SvelteKit 技术实现的康威生命游戏
- Limey 是一个易于使用的网站构建器,用于构建简单的网站和登陆页面
- Appwrite 的新登陆页面 现在使用 SvelteKit 编写(之前介绍过他们在 Svelte 中的控制台 UI)
- 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
- Svelte Runes 改变了 Svelte 中的响应方式、使用 Svelte 制作 3D GitHub 天际线来炫耀你的同伴、使用 View Transitions API 和 SvelteKit 进行简单的页面过渡 和使用 JavaScript 库与 Svelte 很容易 作者:Joy of Code
- 现代 Web 播客 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 存储 作者:Huntabyte
- Svelte Runes 简介(每个 Svelte 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 中使用 Web 浏览器的 Indexed DB 作者:Shivam Meena
- 在 Svelte 中集成 Storybook:以 Svelte 的方式进行 作者:Oscar Dominguez
- Sveltekit 教程:第 1 部分 | 什么、为什么以及如何? 作者:Suyashtnt
库、工具和组件
- KitForStartups 是一个开源的 SvelteKit SaaS 样板
- SuperNavigation 是一个适用于 Web 的类似移动设备的导航 UX
- skeleton-material-theme 是 Skeleton UI 库的 Material 主题
- better-i18n-for-svelte 是一个专注于 SEO 的多语言 SvelteKit 网站库
- uico 是一个提供基本 UI 元素实用程序类的 Tailwind 插件
- svelte-maskify 是 AlpineJS 掩码的动作包装器
- sveltekit-capacitor 是一个使用 Capacitor 构建 SvelteKit SPA 的模板
- router-gen.ts 是一个类型安全的 SvelteKit 路由器
本月就到这里!如果您发现我们错过了任何内容,请随时在Reddit 或Discord 上告诉我们。
下次再见 👋