Programa del Curso

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

Requerimientos

  • React Experiencia en programación

Audiencia

  • Desarrolladores
 14 horas

Número de participantes


Precio por participante