Padrão de Store personalizado com subscribe/set/update
Crie um store com lógica encapsulada expondo um método subscribe e ações personalizadas.
Padrão de Store personalizado com subscribe/set/update é 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.
Contrato de uma store
Qualquer objeto com um método subscribe(fn) que retorne uma função para cancelar a inscrição é uma store Svelte válida.
Envolva uma writable
Crie uma store personalizada envolvendo uma writable e expondo uma API específica.
function createCounter() {
const { subscribe, set, update } = writable(0);
return {
subscribe,
increment: () => update(n => n + 1),
reset: () => set(0)
};
}Use-a
Exporte uma instância e use-a como qualquer store.
export const counter = createCounter();Uso em componentes
Leia com $counter e chame métodos do domínio, como counter.increment().
Lógica encapsulada
A lógica interna permanece privada; somente os métodos escolhidos por você são expostos.
Melhor que globais
As stores personalizadas podem ser testadas e substituídas, ao contrário de alterações globais espalhadas.
Métodos assíncronos
Os métodos podem ser assíncronos e chamar set quando estiverem prontos.
load: async () => set(await fetch("/api").then(r => r.json()))Segurança de tipos
Com TypeScript, defina o tipo do formato de retorno para obter IntelliSense completo nos consumidores.
Combine com stores
Uma store personalizada pode depender internamente de outras stores para obter um estado derivado.
Instância única vs. fábrica
Decida se deseja uma única instância compartilhada ou uma fábrica que crie várias.
Padrão do mundo real
Use este padrão para carrinho, autenticação, tema e outras entidades do domínio em seu aplicativo.
Verificação rápida
O que torna um objeto uma store Svelte válida?
Recapitulação
As stores personalizadas envolvem uma writable e expõem métodos específicos do domínio, mantendo a lógica interna encapsulada.
Perguntas Frequentes
A aula “Padrão de Store personalizado com subscribe/set/update” é grátis?
Sim — o texto completo de “Padrão de Store personalizado com subscribe/set/update” é 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 “Padrão de Store personalizado com subscribe/set/update”?
Crie um store com lógica encapsulada expondo um método subscribe e ações personalizadas. 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 “Padrão de Store personalizado com subscribe/set/update”?
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
- derived() para Stores calculados
- Padrão de Store personalizado com subscribe/set/update
- Readable a partir de Writable
- Contratos de Stores e interoperabilidade