Sveltejs Academy · Lección

Contexto y stores: cuándo utilizar cada uno

Compare el contexto y los stores para compartir estado en distintos escenarios

Lección 2 de 413 pasos

Contexto y stores: cuándo utilizar cada uno 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.

Dos patrones

Los stores permiten compartir datos en toda la aplicación; el contexto permite compartirlos dentro de un subárbol específico.

Casos de uso globales

Los stores son adecuados para aspectos transversales: usuario actual, tema y notificaciones.

Casos de uso limitados

El contexto es adecuado para el estado por instancia: por ejemplo, un componente de formulario que comparte su registro con los descendientes.

Aislamiento de instancias

Si monta dos instancias de Form, cada una tiene su propio contexto. Los stores compartirían el estado entre ambas.

Consideraciones sobre SSR

Los stores pueden filtrar estado entre solicitudes en SSR si no se usan con cuidado. El contexto es seguro para las solicitudes porque está limitado a cada instancia.

Contexto reactivo

Pase un store mediante el contexto para obtener un estado reactivo limitado al subárbol.

Evitar mezclar

Elija un único mecanismo para cada necesidad a fin de mantener un código predecible.

Bibliotecas de componentes

Los componentes compuestos, como Tabs y Accordion, usan mucho el contexto para coordinar componentes hermanos.

Inyección de dependencias

El contexto es perfecto para inyectar servicios o configuración desde un envoltorio a todos sus hijos.

Pruebas

El contexto es más fácil de sustituir en las pruebas: basta con cambiar el componente envoltorio.

Árbol de decisión

Para toda la aplicación y como singleton: store. Por instancia o para un subárbol de una funcionalidad: contexto.

Comprobación rápida

¿Cuándo se prefiere el contexto a un store?

Resumen

Use stores para datos globales y contexto para datos limitados. Use contexto para componentes compuestos e inyección de dependencias.

Gratis para empezar

Aprende HTML con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
41
Lecciones
163

Preguntas frecuentes

¿La lección «Contexto y stores: cuándo utilizar cada uno» es gratis?

Sí — el texto completo de «Contexto y stores: cuándo utilizar cada uno» 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 «Contexto y stores: cuándo utilizar cada uno»?

Compare el contexto y los stores para compartir estado en distintos escenarios 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 «Contexto y stores: cuándo utilizar cada uno»?

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

  1. setContext() y getContext()
  2. Contexto y stores: cuándo utilizar cada uno
  3. Contexto tipado con TypeScript
  4. Contexto para inyección de dependencias
← Volver a Sveltejs Academy