Exercícios 09 - Roteamento SPA na Prática 🗺️

🟢 Básicos

1. Definição: Por que uma SPA não recarrega a página ao clicar em um link interno?
2. Instalação: Qual o comando para instalar o svelte-spa-router no seu projeto?

🟡 Intermediários

1. Configuração: Como você define uma rota curinga (fallback) para exibir uma página "404 - Não Encontrado"?
2. Links: Se você usar a tag <a href="/sobre">, a página irá recarregar. O que deve ser adicionado a essa tag para que o roteador trate a navegação?

🔴 Desafio

1. Sistema de Navegação Dinâmico:
   • Crie um objeto routes que tenha as páginas: Home, Contato e Perfil.
   • No componente Perfil, use o parâmetro de rota para que a URL seja /perfil/:usuario.
   • Exiba na tela a mensagem: "Bem-vindo ao perfil de [usuario]!", onde [usuario] vem da URL.
   • Crie um menu lateral (Sidebar) que use um loop {#each} para gerar os links de navegação a partir de um array de objetos.

📚 Gabarito e Soluções Comentadas

// Solução de referência para: Instalação
function solucaoExercicio() {
    console.log("Executando validação de: Roteamento SPA na Prática ️");
    return true;
}

solucaoExercicio();