Padrão de barramento de eventos com stores
Implemente um barramento de eventos global usando uma store gravável para uma comunicação desacoplada.
Padrão de barramento de eventos com stores é 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.
Barramento de eventos
Um barramento de eventos é um canal global de publicação e assinatura para comunicação desacoplada.
Implemente com armazenamento gravável
Um armazenamento gravável que contém o evento mais recente funciona como um barramento simples.
const bus = writable(null);
export function emit(event) { bus.set(event); }
export function on(fn) { return bus.subscribe(e => { if (e) fn(e); }); }Caso de uso
Um componente emite um evento de notificação; outro assina esse evento e exibe notificações globalmente.
Desacoplamento
O emissor e o receptor não importam um ao outro; ambos dependem do barramento.
Segurança de tipos
Defina os tipos dos eventos como uma união discriminada para obter assinantes seguros.
type Event = { type: "toast"; text: string } | { type: "logout" };Assine uma vez
Envolva a assinatura com cancelamento automático usando a abreviação com $ dentro dos componentes.
Vários barramentos
Divida por domínio: appBus, modalBus, audioBus, para evitar um único canal gigantesco.
Antipadrão
O uso excessivo de barramentos de eventos gera um fluxo de dados implícito. Prefira propriedades ou armazenamentos diretos quando a responsabilidade estiver clara.
Semântica de repetição
Os armazenamentos graváveis mantêm apenas o valor mais recente. Para obter o histórico completo de eventos, use um armazenamento baseado em lista.
Eventos externos
Um barramento de eventos também pode envolver eventos do navegador, como o redimensionamento da janela ou atalhos de teclado.
Testes
Os testes podem emitir eventos e verificar se os assinantes respondem adequadamente.
Verificação rápida
Qual é o benefício de um barramento de eventos?
Recapitulação
Crie um barramento de eventos simples com um armazenamento gravável. Emita eventos e assine-os para obter uma comunicação desacoplada entre funcionalidades.
Perguntas Frequentes
A aula “Padrão de barramento de eventos com stores” é grátis?
Sim — o texto completo de “Padrão de barramento de eventos com stores” é 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 barramento de eventos com stores”?
Implemente um barramento de eventos global usando uma store gravável para uma comunicação desacoplada. 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 barramento de eventos com stores”?
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
- Arquitetura de stores: módulos de funcionalidades
- Padrão de barramento de eventos com stores
- Atualizações otimistas da interface
- Desfazer/refazer com histórico da store