\n

Hello {name}!

\n\n\n

Frameworks

Référence rapide Svelte

Cheat sheet prêt à imprimer pour Référence rapide Svelte, organisé pour une consultation rapide, l’étude et le bureau

Source
Svelte Documentation (svelte.dev)
Licence
MIT
Mis à jour
2026-03-27

Aperçu

Contenu de ce cheat sheet

  • Composants
  • Réactivité
  • Props
  • Événements
  • Liaisons
  • Stores
  • Transitions
  • Slots
  • Contexte
  • Bases de SvelteKit

Composant de base

<script>
  let name = "world";
</script>
<h1>Hello {name}!</h1>
<style>
  h1 { color: purple; }
</style>

Structure d'un composant

<script>Logique du composant (JS/TS)
MarkupTemplate HTML avec `{expressions}`
<style>CSS limité (auto-délimité au composant)
<script context="module">Exécuté une fois par module, pas par instance

Téléchargez le cheat sheet complet avec toutes les sections, formaté pour l'impression

Télécharger le PDF

Téléchargements

Choisissez la variante adaptée à votre lecture