Creación de un Store escribible
Cree un store escribible e inicialícelo con un valor inicial
Creación de un Store escribible 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 stores
Los stores contienen estado reactivo que se puede compartir entre componentes. Son útiles para estados globales, como el usuario actual.
Importar writable
La factoría writable proviene de svelte/store.
import { writable } from "svelte/store";Store básico
Pase un valor inicial para crear un store.
export const count = writable(0);Valor inicial de tipo objeto
Los stores pueden contener cualquier valor: números, cadenas, arrays u objetos.
export const user = writable({ name: "", email: "" });API del store
Cada store tiene tres métodos: subscribe, set y update.
Método set
Reemplace el valor por completo.
count.set(10);Método update
Transforme el valor actual mediante un callback.
count.update(n => n + 1);Archivo de módulo
Normalmente, los stores se declaran en un archivo de módulo compartido, como src/lib/stores.js, y se importan en otros archivos.
Valor inicial estático
El valor inicial también puede cargarse desde localStorage o establecerse mediante un valor predeterminado.
const init = JSON.parse(localStorage.getItem("count") ?? "0");
export const count = writable(init);Sin recreación
Cada llamada a writable() crea un store nuevo. Comparta la misma instancia entre las importaciones.
Convenciones de nombres
Elija nombres claros, como currentUser. Los stores suelen terminar con el sustantivo de su dominio.
Comprobación rápida
¿Qué método reemplaza el valor?
Repaso
Cree stores writable con writable(initial). Exponen subscribe, set y update.
Preguntas frecuentes
¿La lección «Creación de un Store escribible» es gratis?
Sí — el texto completo de «Creación de un Store escribible» 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 «Creación de un Store escribible»?
Cree un store escribible e inicialícelo con un valor inicial 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 «Creación de un Store escribible»?
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
- Creación de un Store escribible
- Suscripción con $ y suscripción automática
- Actualización de stores: set() y update()
- Stores readable y funciones de inicio personalizadas