Svelte 的最新动态:2024年9月
更实用的 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)<svelte:component>
在符文模式中已不再必要,因此被弃用 (5.0.0-next.203/217, #12646 和 #12694):global
现在可以在更多地方使用 —— 让<style>
标签中的使用更方便,并解决与 Tailwind 的@apply
相关的问题 (5.0.0-next.199, 文档,#12560)- Svelte 自带的
@sveltejs/package
的 TypeScript 定义生成器现在会在诊断检测到未生成d.ts
文件时发出警告 (svelte2tsx@0.7.14, #2428) - 现在可以在
emitDts
中指定 tsconfig —— 在 monorepo 中工作时非常有用 (svelte2tsx@0.7.16, #2454)
这份列表中没有提到的是,关于 CSS 和 JavaScript 编译的大量效率和性能改进。如果你有兴趣,可以查看 更新日志,了解过去一个月中关于解构、状态代理和 actions/styles/classes 的所有改进。
社区展示
使用 Svelte 构建的应用和网站
- Apple Podcasts for the web 现在使用了 Svelte
- UCLA 学生事务网站 使用 SvelteKit 构建
- tidytube 是一个用于简化 YouTube 界面的浏览器扩展
- Graphite 是一个开源的2D程序化图形编辑器
- 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 的符文 —— 如何与编译器对话 和 构建属于你的 JavaScript 框架? by Prismic (主讲人 Rich Harris)
- 以 Replicache 为例 —— 如何构建一个支持数据同步的全栈应用(第1部分) by Syntax
- 避免在 Svelte 中使用 effects 来派生值 和 理解 Svelte 中的 effects 以及何时使用它们 by Joy of Code
- Svelte 开发日志(与 Simon 一起)—— 2024年7月
- Svelte London - 2024年8月:Svelte 的边界领域和快速原型工具(使用 Svelte 开发!)
- 这一周的 Svelte:
推荐阅读
- Svelte 5 信号修复了其反应性的不稳定性和不一致性 by webdevladder
- 为什么 Svelte 是工业物联网开发的游戏规则改变者 by Peter Repukat
- 使用 Firestore 和 Svelte 5 符文实现“云同步优先”的本地开发 by Captain Codeman
- SvelteKit - 从状态中潜在的信息泄露 by Yuki Ishii
- Svelte 5 的细粒度反应性 by Frontend Masters
- 在 Chrome 扩展中广播消息 by Wilker Lucio
- 你需要知道的关于 Svelte 的一切 by Jeo Carlo Lubao
观看推荐
- Svelte 4 vs Svelte 5 🎇. 主要区别是什么 by Lawal Adebola
- 如何使用 Firebase Hosting 和 Firebase Functions (adapter-node) 部署你的 Sveltekit 应用 by Melchisedek Dulcio
库、工具和组件
- 这款流动的提示工具 非常流畅且令人满足
- select-kit 是一个满足所有选择框/下拉列表/自动完成需求的终极解决方案
- ssgoi 是一个支持每种浏览器(包括 Safari)的动画页面过渡库
- @svelte-put/preaction 是一个概念验证预处理器,允许通过 “preaction” 扩展 Svelte 动作以在服务端添加静态属性
- svelte-standalone 是一系列配置,用于将任何 Svelte 小部件处理为单个独立的 JavaScript 文件
- svelte-cartesian 是一个单一组件,有助于渲染提供组件的所有属性组合,用于可视化回归测试
本月到此为止!如果我们遗漏了什么,请在 Reddit 或 Discord 上告诉我们。
直到下次见 👋