Pular para conteúdo

Exercícios 14 - Boas Práticas e Arquitetura Frontend 🏛️

🟢 Básicos

  1. Pastas: Qual a utilidade da pasta lib ou components em um projeto Svelte profissional?
  2. Nomenclatura: Qual o padrão de escrita (naming convention) recomendado para nomes de arquivos de componentes?

🟡 Intermediários

  1. SOC: Explique o princípio de Separação de Interesses (SoC) aplicado a um componente .svelte.
  2. REUSABILIDADE: Cite 3 elementos de uma aplicação que você transformaria em componentes reutilizáveis para seguir o princípio DRY.

🔴 Desafio

  1. Refatoração de Arquitetura: Imagine que você tem um arquivo App.svelte com 500 linhas de código, contendo: lógica de autenticação, o menu lateral, o rodapé e a lista de produtos.
    • Como você dividiria esse arquivo em pelo menos 4 novos arquivos?
    • Onde você colocaria a lógica de autenticação para que ela pudesse ser acessada por qualquer componente (em uma pasta utils, stores ou lib)?
    • Escreva como ficaria a nova estrutura de pastas do seu projeto após essa refatoração.