MajorSorti

Svelte v5.0

Disponible · 22 octobre 2024

Svelte 5 remplace le modèle de réactivité basé sur les assignations par les Runes : un ensemble de primitives ($state, $derived, $effect) intégrées directement dans le compilateur. Là où Svelte 4 détectait magiquement les mutations de variables locales, Svelte 5 rend la réactivité explicite et composable, ce qui simplifie le comportement dans les cas complexes et améliore la prévisibilité.

$state crée un état réactif, $derived calcule une valeur à partir d'autres states comme un computed, et $effect remplace les blocs reactives. La grande différence avec les hooks React : les runes peuvent être utilisées dans des fichiers .ts/.js ordinaires, pas seulement dans les composants. Il devient possible d'extraire de la logique réactive dans des modules partagés.

Après plus de 15 mois en préversion, la migration depuis Svelte 4 est assistée par un outil de codemod automatique. Les deux syntaxes coexistent temporairement pour faciliter la transition des grands codebases.

Autres versions de Svelte