Quando usar Stores em vez de estado local
Escolha entre o estado do componente e stores com base nas necessidades de compartilhamento e duração.
Quando usar Stores em vez de estado local é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Sveltejs Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Sveltejs Academy inclui 4 aulas no total.
Estado local
Use let em um componente quando os dados pertencerem somente a esse componente.
Propriedades do componente
Use export let para receber entradas de um componente pai. O pai é responsável pelo estado.
Armazenamentos
Use armazenamentos quando vários componentes não relacionados precisarem compartilhar os mesmos dados ou reagir a eles.
Exemplos de armazenamentos
Usuário atual, theme, conteúdo do carrinho, notificações — qualquer dado global.
Exemplos de estado local
Entradas de formulário, alternâncias, estado de foco ao passar o cursor, temporizadores de animação — tudo restrito a um único componente.
API de contexto
Para dados compartilhados por uma subárvore, mas não globalmente, use setContext/getContext.
Evite armazenamentos prematuros
Comece com o estado local; promova-o para um armazenamento quando os requisitos de compartilhamento aumentarem.
Testabilidade
O estado local é o mais fácil de testar. Os armazenamentos exigem simulação ou encapsulamento.
Persistência
Encapsule os armazenamentos em uma sincronização com localStorage para manter o estado persistido.
Refatoração
Mover o estado local para um armazenamento é uma pequena refatoração: substitua let pelo armazenamento e troque x por $x.
Antipadrão: tudo em armazenamentos
Colocar todo o estado em armazenamentos cria um acoplamento implícito. Prefira o estado local até que seja necessário compartilhá-lo.
Verificação rápida
Quando um armazenamento é a escolha certa?
Recapitulação
Por padrão, use let local; promova o estado para armazenamentos ou contexto quando a necessidade de compartilhamento aumentar.
Perguntas Frequentes
A aula “Quando usar Stores em vez de estado local” é grátis?
Sim — o texto completo de “Quando usar Stores em vez de estado local” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Sveltejs Academy, atualize para CoddyKit PRO. O curso de Sveltejs Academy inclui 4 aulas no total.
O que vou aprender em “Quando usar Stores em vez de estado local”?
Escolha entre o estado do componente e stores com base nas necessidades de compartilhamento e duração. Você pratica Sveltejs Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Sveltejs Academy?
Nenhuma experiência prévia é necessária. Sveltejs Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.
Quanto tempo leva a aula “Quando usar Stores em vez de estado local”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Sveltejs Academy?
Sim. Cada aula de Sveltejs Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Instruções reativas: bloco $:
- Dependências reativas e ordenação
- Quando usar Stores em vez de estado local
- Evitando fechamentos obsoletos