Skip to main content

Svelte 的最新动态：2022 年 3 月

Svelte 春季峰会即将到来……页面端点功能已上线！

Dani Sandoval

刚刚宣布：Svelte 春季峰会将于 2022 年 4 月 30 日举行。第 5 届虚拟 Svelte 大会正在寻找演讲者和赞助商，现在是时候提交相关提案了！

此外，一些长期以来备受期待的功能在本月加入了 SvelteKit……包括页面端点！load 函数的工作方式发生了变化，让获取基本页面所需的数据变得更加容易，还能从 POST 响应中进行重定向，并处理 404 和其他错误。

下面是关于这些变化以及其他新功能和修复的更多详情！

SvelteKit 的最新动态

  • 文档现已支持搜索，并且是多页面的，包含类型定义和可悬停查看的代码示例 —— 请访问 svelte.dev/docs/kit 查看
  • 页面端点显著减少了加载页面时所需样板代码（Issue，PR，文档）
  • 应用程序版本控制和更新检测支持，让您可以选择在应用更新后路由加载失败时如何处理（Issue，PR，文档）
  • npm init svelte@next 的新选项现在可以自动设置 Playwright 进行测试（PR）

不兼容的更改

  • 不再提供 target 选项。相反，init 脚本会自动挂载在其 parentNode 上（#3674）
  • 应用程序级别的类型现在位于 App 命名空间中，这使您可以为全局类型（如 Stuff 或 Session）定义类型（#3670）
  • JSONString 现已更名为 JSONValue（#3683）
  • 移除了 createIndexFiles——现在通过 trailingSlash 选项进行控制（#3801）
  • SvelteKit 不再从预渲染中排除根路径的外部链接，如果这些 URL 需要由其他应用程序提供支持，将会导致 404。需要忽略这些链接时，请使用自定义 prerender.onError 处理器进行处理（#3826）

Language Tools 的更新

  • 在 Svelte 语言工具中，标记中访问属性的功能得到了改进（105.12.0）——解决了自动补全的一些已知问题（#538 / #1302）

社区展示

应用和网站

  • SvelteStorm 专为 Svelte 开发者提供构建 Svelte 应用所需的所有基本工具
  • Supachat 是一个使用 Svelte 和 Supabase 开发的实时聊天应用
  • Radicle 是一个用于共同构建软件的点对点技术栈
  • The Making Known 是一次旁白式的视觉呈现，展示了纳粹德国政府在第二次世界大战期间为了与被占领的比利时、法国和卢森堡人民开展交流而设计的海报
  • Svelte Kanban 是一个使用纯 CSS 制作的简单 Svelte 看板
  • fngrng 是一个聚焦于提高打字准确性（而非速度）的训练工具
  • Generative grids 是一个在 Svelte REPL 中实现的有趣的小型生成式 SVG 网格，带有随机生成的调色板和形状
  • LifeHash 是一种哈希可视化方法，用于生成美观且确定性的图标
  • TypedWebhook.tools 是一个用于检查负载的 webhook 测试工具，并支持自动生成类型
  • Speedskating 是一个用于展示奥运会速度滑冰比赛的动画小部件。使用 Svelte、D3 和 regl 构建
  • Web tail 是一个查看文件中本地或远程服务器上的行的网页应用

想与他人合作开发 SvelteKit 网站吗？为 Svelte Society 网站做出贡献！

学习资源

阅读

观看

库、工具和组件

  • gosvelte 是一个概念证明，展示了如何在 GoLang HTTP 服务器上提供 Svelte 生成的页面，并以 props 的形式将服务器数据传递给 svelte 组件
  • svelte-ethers-store 使用 ethers.js 库为 Svelte、Sapper 或 SvelteKit 提供一系列可读的 Svelte stores
  • Fluid Grid 是一套用于未来网络的 CSS 网格系统
  • stirstack 是一个组合了 Svelte.js、TailwindCSS、InertiaJS 和 Ruby on Rails 的架构框架
  • OATHqr 帮助用户为 2FA/MFA 和其他支持 OATH 的应用程序创建安全凭据。它用于为一次性密码身份验证器应用程序（如 Aegis 或 YubiKey）生成可扫描的二维码
  • svelte-GridTiles 是一个基于响应式网格构建的拖拽和调整大小的 tiles 库
  • Miscellaneous Svelte Components 是一个收集经常在项目中使用的杂项 svelte 组件的集合
  • walk-and-graph-svelte-components 是一个 CLI node script，用于扫描 svelte 和 js 文件，并绘制出漂亮的依赖（即 “imports”）JPG 图
  • Felte 是一个简单易用的 Svelte 表单库
  • svelte-use-tooltip 是一个用于显示工具提示的 Svelte action
  • persistent-svelte-store 是一个通用的持久性可写 store，完全由 TypeScript 根据 Svelte store 合约构建

我们遗漏了什么吗？加入我们在 Reddit 或 Discord 的讨论吧。

下个月再见！