Familiarisez-vous avec le framework Svelte et apprenez à développer des applications Web intelligentes avec ce guide.
Svelte est l'un des frameworks JavaScript les plus en vogue. Dans l'enquête auprès des développeurs StackOverflow de 2022, il est apparu comme le deuxième framework JavaScript le plus apprécié des développeurs Web. Dans ce guide, vous apprendrez les bases et comment créer une application de tâches simple à l'aide de Svelte.
Premiers pas avec Svelte
Vous mettrez les choses en place avec le Outil de construction Vite. Ouvrez le terminal et exécutez les commandes ci-dessous dans l'ordre. Nommez le projet "svelte-app" (ou votre choix), sélectionnez Svelte comme framework et définissez JavaScript comme variante.
fil créer vite
CD svelte-app
fil
dev de filOuvrez le projet dans un éditeur de code, supprimez le bibliothèque dossier et effacez le contenu du app.css dossier et le App.svelte déposer.
Comment Svelte se compare à React
Le DOM est une structure arborescente généré à partir du code HTML d'un site, qui montre les relations entre les différents éléments qui composent la page.
Contrairement à React qui utilise un DOM virtuel, Svelte est un compilateur qui comprend, au moment de la construction, comment les choses dans votre application pourraient changer. Étant donné que Svelte fonctionne au moment de la construction, il en résulte un JavaScript vanille hautement performant et optimisé.
Réactivité et animation dans Svelte
La structure de la plupart des applications Svelte est illustrée ci-dessous. Vous pouvez choisir de ne pas inclure le style balises ne laissant que le scénario et balisage :
