Svelte 5
Javascript Svelte
最近 Svelte v5 正式發布,算是我期待很久,當時 rune 概念被提出時還被嘲諷與 React 的 hook 似曾相似,雖然我只有在 v4 的時候短暫接觸過,但我反而更願意使用 v5 版本,主要的原因是 rune 確實解決了我當時在使用上發掘的一個問題點,那就是開發上語法容易與原生 JS 行為混淆。
<script>
let count = 0;
function increment() {
count++
}
</script>
在 rune 出現之前看似只要相一般平常使用 JS 一樣就好,但它終究不是真正 JS 原本的樣子,你必須先把對 JS 的想法先放一旁,用 Svelte 的方式思考它會怎麼運作。這當然並不困難,但是專案一大 JS/Svelte 檔案混雜時對我們在追蹤問題上變得負擔極大,來回的辨識跟切換思考模式是非常累的。
rune 從根本的消除了辨識這個步驟,將 Svelte 核心的 API 語法與 JS 完全區隔開來,這樣能更好的針對問題的形式作更精確的追蹤。
<script>
// 能直接的知道該狀態是走 Svelte 機制
let count = $state(0);
function increment() {
count++
}
</script>