Svelte 新闻:2023 年 6 月
SvelteHack 获奖者、大量新的绑定、Svelte 4.0.0-next.0 以及 SvelteKit 中的一系列新功能
欢迎大家来到 6 月,并祝贺我们 SvelteHack 各个类别中的获奖者!如果您错过了,这些获奖者已于 5 月 6 日在 Svelte Summit 上公布 🎉
峰会的完整播放列表,包括所有分解成单独视频的演讲,可以在Svelte Society YouTube 频道上找到。如果您还没有看过,请查看一下。
本月通讯有很多内容需要介绍,包括对 Svelte 和 Kit 的大量改进……
Svelte 中的新功能
Svelte 4.0.0-next.0,Svelte 4.0 的第一个预发布版本已发布!有关此版本的变化、改进和目标的说明可以在GitHub 的发布页面上找到。查看它以抢先一睹 Svelte 的未来。它还包括迁移指南,供那些对最少数量的重大更改和弃用感兴趣的人使用。
Svelte 3.59.0 也已发布,并附带大量新功能
- 现在正确处理使用扩展运算符 (
...
) 重构数组 (3.59.0,#8552,#8554) - 新的
a11y-autocomplete-valid
警告现在会在 autocomplete 属性未根据 HTML 规范使用时发出警告 (3.59.0,示例,#8520) fullscreenElement
和visibilityState
绑定现在可用于<svelte:document>
元素 (3.59.0,#8507)devicePixelRatio
绑定现在可用于<svelte:window>
元素 (3.59.0,#8285)ResizeObserver
绑定contentRect
/contentBoxSize
/borderBoxSize
/devicePixelContentBoxSize
现在可以使用bind:
(3.59.0,#8022)
有关 Svelte 编译器的所有更改,包括未发布的更改,请查看更改日志。
SvelteKit 中的新功能
- 路由级入口生成器允许从
+page
、+page.server
和+server
文件导出入口函数,以提供预渲染参数的可能值 (1.16.0,文档,#9571) - 现在会抓取
<meta>
标签中的 URL,使程序化社交图像更容易 (1.17.0,文档,#9900) - 在
enhance
函数中,data
和form
分别重命名为formData
和formElement
。通过旧名称使用它们会记录弃用警告,并且它们将在未来的版本中删除。(1.17.0,文档,#9902) - 链接选项现在可以设置为
true
和false
(1.19.0,文档,#10039) - 新的
resolvePath
导出可用于根据路由 ID 和参数构建相对路径 (1.19.0,#9949)
社区展示
使用 Svelte 构建的应用和网站
- a-maze 是一个简单的迷宫生成器(使用 DFS),尺寸在 5 个单元格到 75 个单元格之间
- Windows 11 in Svelte 尝试在 Web 上复制 Windows 11 桌面体验
- JsonCrunch 是一款 JSON 查看、转换和查询工具,旨在快速操作小型到中型的 JSON 数据
- Typepost 是一个用于社交媒体的简单文本帖子生成器
- tall.ly 是一个用于共享书签的网站(示例)
- bbchallenge 是一个协作环境,用于证明或反驳忙碌的海狸猜想
- Reddit Map 是计算机、数据和社会科学家探索和可视化 Reddit 的一个项目
- WeWatch 允许同步观看视频
- Wonderplan 是一款 AI 驱动的旅行计划器,根据您的喜好定制,涵盖您旅行的方方面面
- CodingView.io 是一款在线编码面试工具
- MeatGPT 是一个艺术网站,会立即忽略您的提示
- Vim Ninja 是一个在浏览器中进行交互式 Vim 课程的网站
- prcl 是一款专注于速度和简洁性的 Pastebin 替代方案
- md 是一个基于 Web 的 Markdown 编辑器
学习资源
Svelte 贡献者和大使
- 本周的 Svelte
- 2023 年 4 月 28 日 - SK 1.15.9、颜色对比度、SK 可重用类型、路径别名
- 2023 年 5 月 5 日 - SvelteKit 1.16.0、反应式语句生命周期、自定义存储
- 2023 年 5 月 12 日 - Svelte 4.0 预览、SvelteKit 1.16.3、Svelte 3.59.1
- 2023 年 5 月 19 日 - SvelteKit 1.18.0、可访问的 HTML 表格、CSS 嵌套
- 2023 年 5 月 26 日 - SvelteKit 1.19.0、选择 UI 库、断点调试
- Svelte Radio
- Svelte Summit Hypisode(2023 年 5 月 4 日)
- 来自 Latent Space 的 Swyx 为开发者提供的 AI 入门指南(2023 年 5 月 11 日 | 视频版本)
观看
- 构建超快的 SvelteKit Markdown 博客、SvelteKit 中的页面与独立端点 以及了解 SvelteKit 应用中的数据流,作者:Joy of Code
- 使用 SvelteKit 构建 ChatGPT 插件,作者:SuperMilkDaddy
- Svelte 使拖放 API 变得简单! 以及在 SvelteKit 中构建简单的原生应用!,作者:Antonio Sarcevic
- 在 60 分钟内学习 Svelte.js(有趣的快速运行)。,作者:developedbyed
阅读
- 连接 Vue 2 和 Svelte,作者:Alexis Faizeau
- 一次编写,随处运行,作者:Ross Robino
- 将我的 SaaS 迁移到 SvelteKit 的思考,作者:SvelteKitSaaS
- 使用 Rust (actix-web) 和 SvelteKit 的身份验证系统,作者:John Owolabi Idogun
- SvelteKit 表单:语法检查应用、SvelteKit Ably:Sqvuably 实时游戏 以及Svelte 登录表单示例:最佳实践,作者:Rodney Lab
- 在 SvelteKit 中使用存储的正确方法 以及Rich Harris 不会放弃 Svelte 中的 TS 支持,作者:Jonathan Gamble
- 如何在 SvelteKit 中添加基本的 SEO 组件,作者:Thilo Maier
- 带有 Airtable 的 SvelteKit 联系表单示例,作者:Scott Spence
- 使用 Svelte-Kit 实现高性能反应性,作者:Erxk
- Svelte 存储:有趣的部分,作者:Valdimir Klepov
库、工具和组件
- svelte-svg-transform 是一个微型库,使您能够更轻松地在 Svelte 项目中添加 SVG 并对其进行转换
- sirens 是 DER SPIEGEL 对乌克兰活跃的防空警报的视觉化呈现
- Sveltronics 是 Svelte 实用程序函数的集合,用于您的项目
- Prompta 是另一个用于与 ChatGPT(或 GPT-4)聊天的界面
- Colibri 是一个轻量级、可定制的 Svelte 应用组件库
- Svelte Smart Doc 是一个自然语言界面,用于搜索 Svelte Svelte 文档
- Tailwind Elements 现在具有 Svelte 集成
感谢您的阅读!与往常一样,如果您发现我们错过了任何内容,请随时在Reddit 或Discord 上告知我们。
下次再见 👋