Arquitectura de stores: módulos de funcionalidades
Organice los stores en módulos de funcionalidades con acciones y selectores encapsulados.
Arquitectura de stores: módulos de funcionalidades es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 1 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.
Por qué usar módulos de funcionalidad
Las aplicaciones grandes se benefician de organizar los stores por funcionalidad: cart/, auth/, orders/.
Cada módulo exporta
Cada módulo exporta el estado, los valores derivados y las acciones de esa funcionalidad.
// $lib/cart/store.js
export const items = writable([]);
export function add(item) { items.update(i => [...i, item]); }Encapsulación
Los detalles internos del store permanecen en el módulo; los consumidores utilizan las acciones exportadas.
Selectores
Proporcione selectores derivados para las consultas habituales.
export const total = derived(items, ($items) => $items.reduce((s, i) => s + i.price, 0));Pruebas
Cada funcionalidad puede probarse de forma aislada sin iniciar toda la aplicación.
Composición
Componga las funcionalidades importando lo que necesite; evite las dependencias cruzadas implícitas.
Convenciones de nomenclatura
Adopte una nomenclatura coherente para que los consumidores sepan dónde buscar.
Modelos de TypeScript
Defina los tipos en el módulo de funcionalidad y expórtelos junto con el store.
Inicialización diferida
Para las funcionalidades específicas de una ruta, importe el módulo de forma diferida cuando se visite la ruta.
Coordinación entre funcionalidades
Use un bus de eventos o un orquestador de nivel superior para coordinar sin crear acoplamiento.
Escalabilidad
Los módulos de funcionalidad escalan bien: cada equipo es responsable de su propia carpeta de funcionalidad.
Comprobación rápida
¿Cuál es la principal ventaja de los módulos de funcionalidad?
Resumen
Organice los stores en módulos de funcionalidad con estado, acciones y selectores. Exporte una API clara para cada funcionalidad.
Preguntas frecuentes
¿La lección «Arquitectura de stores: módulos de funcionalidades» es gratis?
Sí — el texto completo de «Arquitectura de stores: módulos de funcionalidades» 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 «Arquitectura de stores: módulos de funcionalidades»?
Organice los stores en módulos de funcionalidades con acciones y selectores encapsulados. 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 1 de 4.
¿Cuánto tiempo toma la lección «Arquitectura de stores: módulos de funcionalidades»?
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
- Arquitectura de stores: módulos de funcionalidades
- Patrón de bus de eventos con stores
- Actualizaciones optimistas de la interfaz
- Deshacer y rehacer con el historial de un store