Pourquoi les runes : au-delà de la magie du compilateur
Comprenez la raison d’être des runes et la manière dont elles améliorent le modèle de réactivité de Svelte.
Pourquoi les runes : au-delà de la magie du compilateur est une leçon Sveltejs Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Sveltejs Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Sveltejs Academy comprend 4 leçons au total.
Svelte 5 introduit les runes
Les runes sont des primitives réactives explicites telles que $state, $derived et $effect.
Pourquoi ce changement
La réactivité implicite de Svelte 3/4 (let, $:) avait certains défauts : dépendances complexes, limitée à la portée du fichier et plus difficile à lire dans les gros fichiers.
Explicites et locales
Les runes fonctionnent partout : dans les composants, les bibliothèques et les modules ordinaires. La réactivité n’est plus propre aux fichiers .svelte.
Rétrocompatibilité
Svelte 5 prend toujours en charge l’ancienne syntaxe pendant la migration. Vous pouvez d’abord mélanger les deux syntaxes.
Meilleures performances
La réactivité fine ne met à jour que les parties du DOM qui dépendent de l’état modifié.
Code plus clair
L’état est un appel de fonction, et non un let magique. L’intention est plus claire.
let count = $state(0);Testable
Les primitives réactives peuvent être soumises à des tests unitaires en dehors des composants.
Compatible avec TypeScript
Les runes sont naturellement vérifiées par le système de types : le système générique est conçu autour d’elles.
Moins de magie
Vous n’avez plus à vous demander si un let est réactif. L’appel de la rune le rend évident.
Coexistence
Vous pouvez adopter progressivement les runes composant par composant pendant la migration.
Écosystème
La plupart des bibliothèques Svelte adoptent les runes : les outils et la prise en charge par les environnements de développement sont matures.
Vérification rapide
Qu’est-ce qu’une rune ?
Récapitulatif
Svelte 5 introduit les runes pour une réactivité explicite qui fonctionne partout et améliore la clarté ainsi que les performances.
Questions Fréquemment Posées
La leçon « Pourquoi les runes : au-delà de la magie du compilateur » est-elle gratuite ?
Oui — le texte complet de « Pourquoi les runes : au-delà de la magie du compilateur » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Sveltejs Academy, passe à CoddyKit PRO. Le cours Sveltejs Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Pourquoi les runes : au-delà de la magie du compilateur » ?
Comprenez la raison d’être des runes et la manière dont elles améliorent le modèle de réactivité de Svelte. Tu pratiques Sveltejs Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Sveltejs Academy ?
Aucune expérience préalable n'est requise. Sveltejs Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Pourquoi les runes : au-delà de la magie du compilateur » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Sveltejs Academy ?
Oui. Chaque leçon Sveltejs Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Pourquoi les runes : au-delà de la magie du compilateur
- $state : réactivité fine
- $derived : valeurs calculées déclaratives
- $effect : effets secondaires