Patrón de store personalizado con subscribe/set/update
Cree un store con lógica encapsulada exponiendo un método subscribe y acciones personalizadas
Patrón de store personalizado con subscribe/set/update es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.
Contrato de un store
Cualquier objeto con un método subscribe(fn) que devuelva una función para cancelar la suscripción es un store válido de Svelte.
Envolver un writable
Cree un store personalizado envolviendo un writable y exponiendo una API específica.
function createCounter() {
const { subscribe, set, update } = writable(0);
return {
subscribe,
increment: () => update(n => n + 1),
reset: () => set(0)
};
}Usarlo
Exporte una instancia y consúmala como cualquier otro store.
export const counter = createCounter();Uso en componentes
Lea con $counter y llame a métodos del dominio, como counter.increment().
Lógica encapsulada
La lógica interna permanece privada; solo se exponen los métodos que usted elija.
Mejor que las variables globales
Los stores personalizados se pueden probar y sustituir, a diferencia de las mutaciones globales dispersas.
Métodos asíncronos
Los métodos pueden ser async y llamar a set cuando estén listos.
load: async () => set(await fetch("/api").then(r => r.json()))Seguridad de tipos
Con TypeScript, defina el tipo de la forma de retorno para obtener IntelliSense completo en los consumidores.
Combinar con stores
Un store personalizado puede depender internamente de otros stores para generar estado derivado.
Singleton frente a factoría
Decida si quiere una única instancia compartida o una factoría que cree varias.
Patrón del mundo real
Use este patrón para el carrito, la autenticación, el tema y otras entidades de dominio de su aplicación.
Comprobación rápida
¿Qué convierte un objeto en un store válido de Svelte?
Repaso
Los stores personalizados envuelven un writable y exponen métodos específicos del dominio, manteniendo la lógica interna encapsulada.
Preguntas frecuentes
¿La lección «Patrón de store personalizado con subscribe/set/update» es gratis?
Sí — el texto completo de «Patrón de store personalizado con subscribe/set/update» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Patrón de store personalizado con subscribe/set/update»?
Cree un store con lógica encapsulada exponiendo un método subscribe y acciones personalizadas Practicas Sveltejs Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Sveltejs Academy?
No se requiere experiencia previa. Sveltejs Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Patrón de store personalizado con subscribe/set/update»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Sveltejs Academy?
Sí. Cada lección de Sveltejs Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- derived() para stores calculados
- Patrón de store personalizado con subscribe/set/update
- Readable a partir de Writable
- Contratos de stores e interoperabilidad