Actualización de stores: set() y update()
Sustituya o transforme los valores del store mediante set() y la función de actualización de update()
Actualización de stores: set() y update() es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 3 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.
Dos modos de actualización
Los stores exponen dos métodos de actualización: set(value) para reemplazar el valor y update(fn) para transformarlo.
Ejemplo de set
Reemplace el valor completo.
count.set(5);Ejemplo de update
Transforme el valor actual mediante un callback.
count.update(n => n + 1);Cuándo usar cada uno
Use set para cambios absolutos; use update cuando el nuevo valor dependa del anterior.
Dentro de componentes
Dentro de archivos .svelte, prefiera la forma abreviada $store = x en lugar de store.set(x).
Fuera de componentes
En módulos y funciones auxiliares de JS normales, llame directamente a set/update.
Actualizaciones de objetos
Cuando el store contiene un objeto, devuelva un objeto nuevo desde update para garantizar que los suscriptores detecten el cambio.
user.update(u => ({ ...u, name }));Actualizaciones de arrays
Se aplica la misma regla: devuelva un array nuevo, no lo modifique directamente.
todos.update(list => [...list, newTodo]);Agrupación de actualizaciones
Varias actualizaciones secuenciales activan a los suscriptores en cada ocasión. Para agruparlas, calcule el valor final y establézcalo una sola vez.
Actualizaciones asíncronas
Puede llamar a set dentro de callbacks async; los suscriptores reciben el nuevo valor cuando se ejecuta.
Métodos set personalizados
Envuelva set/update en funciones con nombre dentro de un store personalizado para obtener APIs más claras.
function increment() { count.update(n => n + 1); }Comprobación rápida
¿Qué método necesita el valor anterior?
Repaso
set reemplaza el valor; update lo transforma mediante un callback que recibe el valor actual.
Preguntas frecuentes
¿La lección «Actualización de stores: set() y update()» es gratis?
Sí — el texto completo de «Actualización de stores: set() y 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 «Actualización de stores: set() y update()»?
Sustituya o transforme los valores del store mediante set() y la función de actualización de update() 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 3 de 4.
¿Cuánto tiempo toma la lección «Actualización de stores: set() y 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
- 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