← 返回博客列表
工程实践

用 Svelte 5 Runes 重构我的第一个个人品牌站

把主页从 React 迁到 Svelte 5,编译产物体积减了 40%,聊聊 Runes 带来的开发体验变化。

这周把 VBREED 主页从 React 迁到了 Svelte 5,编译产物体积直接减了约 40%。这篇记录一下迁移过程中的取舍。

Runes 让状态几乎透明

过去在 React 里,一个计数器要 useState + setter,还要小心不能直接改 state。Svelte 5 里只需要 let count = $state(0),然后 count++ 就行。

let count = $state(0);
let doubled = $derived(count * 2);

编译器在背后做了依赖追踪的脏活,运行时几乎没有额外开销,这正是我想要的「轻」。