Arquitectura de Apps con React y Redux

Sergio Daniel Xalambrí

@sergiodxa

¿Qué es React?

Es una librería para realizar las vistas de tu aplicación usando en componentes.

¿Cómo funciona?

Árbol de Componentes

¿Qué es Redux?

Es una librería para controlar, de forma predecible, el estado de tu aplicación.

Tres Principios

Una sola fuente de la verdad

Todo el estado de tu aplicación esta contenido en un único store

El estado es de solo lectura

La única forma de modificar el estado es emitir una acción que indique que cambió

Los cambios se hacen mediante funciones puras

Para controlar como el store es modificado por las acciones se usan reducers puros

¿Cómo funciona?

Store

Vista

Acciones

Reducers

Actualizan

Manda datos

Dispara

Pasan por

React + Redux

Árbol de Componentes

Provedor

Store

Aplicación

Acción

Ejemplo de código

Material de referencia

Arquitectura de apps con React y Redux

By Sergio Xalambrí

Arquitectura de apps con React y Redux

  • 2,689