Svelte v5 で導入された Runes によるリアクティビティシステム

Svelte v5 で導入された Runes によるリアクティビティシステムについて解説します。従来の Svelte は純粋な JavaScript のコードのみを使用してリアクティビティを実現していましたが、アプリケーションが大規模になると複雑性が増すという問題がありました。Runes は Svelte のリアクティビティシステムをより柔軟にし、アプリケーションの規模が大きくなってもシンプルさを保つことを目指しています。 従来の Svelte は純粋な JavaScript のコードのみを使用してリアクティビティを実現したのが特徴でした。 <script> let count = 0; function handleClick() { count += 1; } $: doubled = count * 2; </script> <button on:click={handleClick

[remonoil]

どっかで見た光景…

[masa8aurum]

今までの構文は “変数を宣言する場所によってリアクティビティの挙動が異なる” のだから、別に「シンプル」ではない。easy指向だった。Runesは一貫性があってsimple。てかVueと変わらないな

[kaz_hiramatsu]

結局Vueと変わらない感じか