Pular para conteúdo

Exercícios 02 - Introdução ao Svelte 🏗️

🟢 Básicos

  1. Diferencial: Qual a principal diferença entre o Svelte e frameworks como React ou Vue em relação ao seu funcionamento?
  2. Vite: Quais as vantagens de usar o Vite para criar um projeto Svelte em vez de ferramentas mais antigas?

🟡 Intermediários

  1. Compilação: Explique por que o fato de o Svelte ser um "compilador" faz com que o pacote final enviado ao usuário seja menor.
  2. Virtual DOM: O Svelte utiliza Virtual DOM? Explique como ele atualiza as informações na tela de forma diferente.

🔴 Desafio

  1. Hands-on - Primeiro Projeto:
    • Use o comando npm create vite@latest para criar seu primeiro projeto Svelte.
    • Navegue até a pasta, instale as dependências e rode o projeto.
    • Abra o arquivo App.svelte, mude o texto do título para "Meu Primeiro App Svelte" e verifique a atualização instantânea no navegador.
    • Qual arquivo é o "ponto de entrada" (entry point) do JavaScript na estrutura gerada pelo Vite?