Svelte 2023年11月更新

请将您的日程安排好！秋季 Svelte 峰会将于11月11日举行。加入我们，在YouTube和Discord上享受数小时的 Svelte 主题乐趣🎥

每个月，Svelte 生态系统中的维护人员都会修复错误、改进性能并为 Svelte、SvelteKit 及其周边工具带来新功能。本月的版本带来了改进的开发者体验，包括更好的代码块折叠、类型推断和use:enhance的配置。

让我们仔细看看 👀...

Svelte 和语言工具的新功能

• Svelte 4.2.2 清理了一些特定于元素的功能（发行说明）
• Extensions 107.12.0 改善了函数、if 语句等的代码块折叠（发行说明，PR）

SvelteKit 的新功能

• 路由参数类型现在将从适用的匹配器的守卫检查中推断（[email protected]，文档，#10755）
• 新的invalidateAll布尔选项允许您在enhance回调中启用或禁用invalidateAll()表单函数（[email protected]，文档，#9476）
• 项目创建向导的输出现在将反映您正在使用的包管理器（[email protected]，#10811）

有关错误修复和性能更新的完整列表，请查看SvelteKit 变更日志。您还可以在每个适配器目录中找到特定于适配器的变更日志。

---

社区展示

使用 Svelte 构建的应用和网站

• 4THSEX 是同名制作人/创意总监的创意网站
• Syntax.fm 使用 SvelteKit 从头开始重新设计
• GitContext 是一款早期访问工具，用于改进代码审查流程
• Lunier 是一个浏览和购买手提包的网站（网站为法语）
• Feldman Architecture 是同名建筑师的作品集
• Formulator 是一种更快地迭代、实验和构建用户界面的方法
• Dwarf 是一个面向域名囤积者的轻松域名市场
• Teek 是一个简单、免费的开发者时薪跟踪器
• Sessionic 是一个 Web 扩展程序，可以轻松保存浏览器会话并进行管理
• Pilink 是一款“极简”链接缩短器

学习资源

来自 Svelte 贡献者和大使

• Wolfensvelte 3D 和浏览器中的 Svelte 语言服务器与 Jason Bradnick 由 Svelte Radio 播客提供
• 如何将任何 JavaScript 库 Sveltify 化、Svelte 动作使 Svelte 成为最佳 JavaScript 框架 和 Svelte 存储如何简化状态管理 由 Joy of Code 提供
• Svelte Society 谈话
  • Svelte Society - 2023年10月圣地亚哥
  • Daniils Petrovs - SvelteKit：从登录页面到离线 PWA
  • Lukas Stracke - 2023 年 Svelte 的 Sentry 状态
• 本周 Svelte
  • 2023年9月29日 - Svelte 4.2.1、SvelteKit 1.25.1、Runes 常见问题解答、数据模拟
  • 2023年10月6日 - 属性排序、客户端提示、使用 Runes 的异步自定义存储
  • 2023年10月13日 - SvelteKit 1.25.2、Melt UI 的工作原理
  • 2023年10月20日 - Kit 1.26.0、Svelte 4.2.2、动态加载组件

观看

• SvelteKit 和 TailwindCSS 教程 – 构建和部署 Web 作品集 由 freeCodeCamp.org 提供
• 为什么选择 SvelteKit？[SvelteKit 1.0 入门，第 1 部分] 由 Jeffrey Codes Javascript 提供
• 构建 AI 聊天机器人 - 如此简单？！ 由 Simon Prammer 提供
• SvelteKit 入门 | 免费 5 小时 SVELTE 工作坊 2023 | 课程 + 编码练习 由 This Dot Media 提供

阅读

• 我们将 Web 应用迁移到 SvelteKit 的经验 由 Marten Sigwart 提供
• SvelteKit 教程：从头开始构建网站 由 Prismic 提供，已根据最新的 SvelteKit 功能更新
• Svelte 例子 是一个简洁易懂的 Svelte 和 SvelteKit 入门指南
• SvelteKit 中 Locals 的完整指南 由 Stanislav Khromov 提供
• 如何构建博客，难而正确的方式 由 Curtis Parfitt-Ford 提供
• 如何为您的 SvelteKit 博客创建完整内容的 RSS Feed 由 Kyle Nazario 提供
• 使用 Svelte 的简单哈希路由对话框系统 由 Jamie Perkins 提供
• 何时何地渲染 和 构建原生应用的一个更少的原因 由 Ross Robino 提供
• 从浏览器打开 Neovim - 将 nvim 集成到 Svelte 的检查器中 由 Theo Steiner 提供

库、工具和组件

• 对在 Deno 中支持 SvelteKit 的工作正在进行中，并且Deno 现在支持开箱即用地创建 SvelteKit 项目！
• Purplix 是一组专注于用户隐私和建立受众信任的开源工具
• Obra Icons 是一套简单一致的图标，非常适合用户界面
• svelte-chat-langchain 是使用 SvelteKit、Vercel AI SDK 和 Langchain 实现的“Chat LangChain”的最小版本
• Cloudinary 刚刚发布了一个官方的 Svelte SDK（GitHub）

本月就到这里了！如果您发现我们错过了任何内容，请随时在Reddit或Discord上告诉我们。

下次再见 👋