Sveltejs Academy · Aula

Contexto versus Stores: quando usar cada um

Compare contexto e stores para compartilhar estado em diferentes situações.

Aula 2 de 413 etapas

Contexto versus Stores: quando usar cada um é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 2 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.

Dois padrões

Os armazenamentos compartilham dados por todo o aplicativo; o contexto compartilha dados dentro de uma subárvore específica.

Casos de uso globais

Os armazenamentos são adequados para preocupações transversais: usuário atual, theme e notificações.

Casos de uso limitados

O contexto é adequado para estados por instância: um componente de formulário que compartilha seu registro com os descendentes.

Isolamento de instâncias

Se montar duas instâncias de formulário, cada uma terá seu próprio contexto. Os armazenamentos compartilhariam o estado entre as duas.

Considerações sobre SSR

Os armazenamentos podem vazar estado entre requisições no SSR se não forem usados com cuidado. O contexto é seguro para requisições por ser limitado à instância.

Contexto reativo

Passe um armazenamento pelo contexto para obter um estado reativo limitado à subárvore.

Evite misturar

Escolha um mecanismo por preocupação para manter o código previsível.

Bibliotecas de componentes

Componentes compostos, como Abas e Acordeão, usam muito o contexto para coordenar componentes irmãos.

Injeção de dependências

O contexto é perfeito para injetar serviços ou configurações de um componente envolvente em todos os filhos.

Testes

É mais fácil substituir o contexto em testes trocando o componente envolvente.

Árvore de decisão

Em todo o aplicativo e com instância única: armazenamento. Por instância ou por subárvore de funcionalidade: contexto.

Verificação rápida

Quando o contexto é preferível a um armazenamento?

Recapitulação

Use armazenamentos para dados globais e contexto para dados limitados. Use contexto em componentes compostos e na injeção de dependências.

Grátis para começar

Aprenda HTML com um tutor de IA — grátis

Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.

Cursos
41
Aulas
163

Perguntas Frequentes

A aula “Contexto versus Stores: quando usar cada um” é grátis?

Sim — o texto completo de “Contexto versus Stores: quando usar cada um” é 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 “Contexto versus Stores: quando usar cada um”?

Compare contexto e stores para compartilhar estado em diferentes situações. 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 2 de 4.

Quanto tempo leva a aula “Contexto versus Stores: quando usar cada um”?

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

  1. setContext() e getContext()
  2. Contexto versus Stores: quando usar cada um
  3. Contexto tipado com TypeScript
  4. Contexto para injeção de dependências
← Voltar para Sveltejs Academy