Svelte 9 月更新：2024 年
更多有用的 svelte:options 和 :global，以及 Svelte 5 中
过去几周，Svelte 发布了一系列更新，以及 Svelte 语言工具的一些质量改进。
让我们来看看...
Svelte 和语言工具的新增功能
$state.frozen已被$state.raw替换 (5.0.0-next.218，文档，#12808)$state.is已被移除。一路走好，小家伙 (#12916)svelte:options现在允许您在每个组件的基础上设置css: "inject"编译器选项 (5.0.0-next.209，#12660)- 在 runes 模式下，
<svelte:component>现在已不再必要，因此被弃用 (5.0.0-next.203/217，#12646 和 #12694) :global现在可以在更多地方使用 - 使得在<style>标签中更容易使用，并修复了 Tailwind 的@apply相关问题 (5.0.0-next.199，文档，#12560)- Svelte 的 TypeScript 定义生成器（随
@sveltejs/package提供）现在会在其诊断检测到未生成d.ts文件时发出警告 ([email protected]，#2428) - 您现在可以在
emitDts中指定 tsconfig - 在使用单仓时很有帮助 ([email protected]，#2454)
此列表中未涵盖大量跨 CSS 和 JavaScript 编译的效率和性能改进。如果您有兴趣，请查看 变更日志，了解有关解构、状态代理以及操作/样式/类自上个月以来的改进情况。
社区展示
使用 Svelte 构建的应用和网站
- Apple Podcasts 网页版 现在使用 Svelte
- 加州大学洛杉矶分校学生事务处 使用 SvelteKit 创建了他们的网站
- tidytube 是一款浏览器扩展，用于简化 YouTube 的 UI
- Graphite 是一款开源的二维程序化图形编辑器
- My Yogi 是一款瑜伽序列构建和管理工具
- Mark Of Destiny 是一款多人在线策略游戏，您将成为一个小型发展中王国的统治者
- Dungeons and Jacks 是一款融合了二十一点和 Roguelite 元素的游戏
- YT Desk 是一款独立的 YouTube 和 YouTube Music 播放器，带有迷你播放器、Discord“丰富状态”和全局快捷键
- Synapsis 是一款基于 AI 的学习平台
- SvelteCareers 是一个新的 Svelte 招聘网站，每周一发布招聘信息
学习资源
来自 Svelte 贡献者和大使
- React VS Svelte - 2024 年你应该选择哪个？、Svelte 5 Runes - 如何与编译器对话 和 创建您的 JavaScript 框架？ 由 Prismic 发布（Rich Harris 出镜）
- 使用 Replicache 实现本地优先 - 如何构建具有数据同步功能的全栈应用 第 1 部分 由 Syntax 发布
- 避免在 Svelte 中使用 Effects 推导值 和 理解 Svelte 中的 Effects 以及何时使用它们 由 Joy of Code 发布
- Svelte 开发者 Vlog（Simon 主持）— 2024 年 7 月
- Svelte London - 8 月：Svelte 的边界区域和原型工具（使用 Svelte！）
- 本周 Svelte
阅读
- Svelte 5 信号修复了其不稳定和不一致的响应性 由 webdevladder 发布
- 为什么 Svelte 是 IIoT 开发的颠覆者 由 Peter Repukat 发布
- 使用 Firestore 和 Svelte 5 Runes 实现本地优先与云同步 由 Captain Codeman 发布
- SvelteKit - 来自状态的潜在信息泄漏 由 Yuki Ishii 发布
- Svelte 5 中的细粒度响应性 由 Frontend Masters 发布
- 在 Chrome 扩展程序中广播消息 由 Wilker Lucio 发布
- 关于 Svelte 你需要知道的一切 由 Jeo Carlo Lubao 发布
观看
- Svelte 4 vs Svelte 5 🎇. 它们的区别 由 Lawal Adebola 发布
- 如何使用 Firebase 托管和 Firebase 函数（adapter-node）部署您的 SvelteKit 应用 由 Melchisedek Dulcio 发布
库、工具和组件
- 这个粘性工具提示 流畅且令人满意
- select-kit 是满足您所有选择/组合框/自动完成需求的一站式解决方案
- ssgoi 是一个页面过渡库，支持所有浏览器（包括 Safari）的动画页面过渡
- @svelte-put/preaction 是一个 Svelte 预处理器的概念验证，允许使用“preaction” - Svelte action 的扩展，能够在服务器端添加静态属性
- svelte-standalone 是一系列配置，旨在将任何 Svelte 小部件处理成单个独立的 JavaScript 文件
- svelte-cartesian 是一个单一组件，有助于渲染提供的组件的所有 prop 组合，用于视觉回归测试
本月就到这里！如果您发现我们错过了什么，请在 Reddit 或 Discord 上告诉我们。
下次再见 👋