Familiarize-se com a estrutura Svelte e aprenda a desenvolver aplicativos da Web inteligentes com este guia.
Svelte é um dos frameworks JavaScript mais populares. Na Pesquisa de Desenvolvedores StackOverflow de 2022, ele emergiu como a segunda estrutura JavaScript mais amada entre os desenvolvedores da web. Neste guia, você aprenderá os fundamentos e como criar um aplicativo de tarefas simples usando o Svelte.
Começando com o Svelte
Você vai configurar as coisas com o Ferramenta de construção do Vite. Abra o terminal e execute os comandos abaixo em sequência. Nomeie o projeto como "svelte-app" (ou de sua escolha), selecione Svelte como a estrutura e defina JavaScript como a variante.
fio criar vite
cd aplicativo esbelto
fio
desenvolvedor de fiosAbra o projeto em um editor de código, exclua o lib pasta e limpe o conteúdo da pasta app.css arquivo e o App.svelte arquivo.
Como Svelte se compara a React
O DOM é uma estrutura em forma de árvore gerado a partir do HTML de um site, que mostra as relações entre os diferentes elementos que compõem a página.
Ao contrário do React, que usa um DOM virtual, o Svelte é um compilador que entende, no momento da compilação, como as coisas em seu aplicativo podem mudar. Como o Svelte funciona em tempo de compilação, ele resulta em JavaScript de baunilha otimizado e de alto desempenho.
Reatividade e Animação em Svelte
A estrutura da maioria dos aplicativos Svelte é ilustrada abaixo. Você pode optar por não incluir o estilo tags deixando apenas o roteiro e marcação:
