Cursos de Managing React State with MobX

Introducción

• MobX vs Redux vs Relay

Comprensión State Management

• Cómo React maneja el estado local
• Cómo Redux gestiona el estado
• Cómo gestiona MobX el estado

Empezar

• Preparación del entorno de desarrollo
• Instalación y configuración MobX

Creación de una aplicación

• Descripción general de la arquitectura de componentes
• Creación de una React aplicación (componentes, elemento, JSX, etc.)

Trabajar con React Estado de componente

• Inicialización y actualización del estado
• Trabajar con formularios

Implementación de un MobX almacén de datos

• Configuración del almacén de datos
• Transferencia de datos a componentes
• Enumeración del contenido del almacén de datos

Administración de cambios en los datos

• Adición de datos para almacenar
• Notificación React del cambio en el estado de los datos

Actualización de la vista

• Declaración de datos observables
• Actualización de la vista

Mejora del flujo de datos

• Modificación de datos de estado a través de acciones
• Llamar a acciones (evitar la manipulación de datos no segura)

Trabajar con valores calculados

• Cálculos de perforación en datos de núcleo

Uso de herramientas y técnicas de desarrollo avanzadas

• Creación de componentes con ES2017
• Uso de Babel para ES2017 y JSX
• Uso de WebPack para React y MobX
• Realización de acciones asíncronas con MobX

Prueba de la aplicación

• Creación de pruebas unitarias para React componentes
• Elección de herramientas y frameworks (Jest, Enzyme, TestUtils, etc.)
• Creación de pruebas unitarias para tiendas MobX
• Depuración de la aplicación

Implementación de la aplicación

• Utillaje y automatización
• Implementación de la integración continua (CI)

Solución de problemas

Resumen y conclusión