Repolode
Enviar
mobxjs

mobxjs/mobx

Gestión de estado sencilla y escalable para aplicaciones JavaScript y TypeScript, con seguimiento automático de dependencias y renderizado optimizado.

Ver en GitHubSitio web
Estrellas
28,218
Forks
1,810
Issues abiertos
18
Último commit
ayer

¿Qué es?

MobX es una biblioteca de gestión de estado para JavaScript y TypeScript. Marca los datos como observables y usa asignaciones normales para modificarlos; MobX rastrea en tiempo de ejecución qué cálculos y componentes de UI leen cada valor, y vuelve a ejecutar solo los afectados por un cambio.

El estado se puede modelar como clases u objetos simples con makeAutoObservable, y los valores derivados se calculan automáticamente a partir del estado observable. Los componentes envueltos con observer, como los componentes de React mediante mobx-react-lite, solo se vuelven a renderizar cuando se actualizan los campos que leen, por lo que, por lo general, no hace falta usar memoización ni selectores manuales.

Como MobX no está ligado a ningún framework de UI, la lógica de estado puede mantenerse fuera de los componentes y probarse por separado. La documentación del proyecto está alojada en mobx.js.org.

Funciones clave

  • 01Rastrea automáticamente en tiempo de ejecución qué partes del estado lee cada cálculo o componente.
  • 02Permite actualizar el estado con asignaciones normales de JavaScript, incluso en código asíncrono.
  • 03Deriva valores calculados a partir del estado observable sin necesidad de conectarlos manualmente.
  • 04Mediante observer, vuelve a renderizar los componentes de React solo cuando cambian los campos que utilizan.
  • 05Funciona independientemente de cualquier framework de UI, por lo que el estado se puede probar de forma aislada.

Casos de uso

  • Gestionar el estado compartido de una aplicación en un frontend de React con poco código repetitivo.
  • Crear estados de UI que deban actualizarse con precisión cuando cambien campos específicos.
  • Mantener la lógica de negocio en clases simples, desacopladas de la capa de vista y fáciles de probar con pruebas unitarias.

Inicio rápido

  1. 1

    Leer la documentación en mobx.js.org

  2. 2

    Instalar el paquete mobx desde npm

    npm install mobx

En colecciones

Frameworks frontend y componentes de interfaz

Temas

#state-management#reactive-programming#javascript#typescript#react#frontend#mobx

Preguntas frecuentes

¿Qué es mobx?
Gestión de estado sencilla y escalable para aplicaciones JavaScript y TypeScript, con seguimiento automático de dependencias y renderizado optimizado. MobX es una biblioteca de gestión de estado para JavaScript y TypeScript. Marca los datos como observables y usa asignaciones normales para modificarlos; MobX rastrea en tiempo de ejecución qué cálculos y componentes de UI leen cada valor, y vuelve a ejecutar solo los afectados por un cambio.
¿mobx es gratuito? ¿Qué licencia tiene?
mobx es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿mobx sigue mantenido?
Mantenimiento activo. El último commit de mobx fue el 6 nov 2026.
¿Para qué puedo usar mobx?
Gestionar el estado compartido de una aplicación en un frontend de React con poco código repetitivo. Crear estados de UI que deban actualizarse con precisión cuando cambien campos específicos. Mantener la lógica de negocio en clases simples, desacopladas de la capa de vista y fáciles de probar con pruebas unitarias.
¿Cómo se instala mobx?
Leer la documentación en mobx.js.org Instalar el paquete mobx desde npm: npm install mobx
¿Dónde consigo mobx?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/mobxjs/mobx

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados