3. Motivación
• SPA: grandes estados de la aplicación.
• Perdida de control al actualizar el estado.
• Como, cuando y por qué se actualiza el estado.
• Intentar hacer predecible un cambio de estado.
Redux en React
7. Actions
Redux en React
• Objeto plano.
• Representa la intención de cambiar el estado de la aplicación.
• Es la forma de obtener los datos de la Store.
• Tienen una propiedad llama “type”.
9. Reducers
Redux en React
• Función que recibe una acumulación y un valor y devuelve una
nueva acumulación.
• En Redux reciben un estado y una acción y devuelven un
nuevo estado.
• Son funciones puras.
13. El estado es de solo lectura
Redux en React
• Solo se puede cambiar el estado mediante acciones.
• Esto asegura de que ninguna de la vistas pueda escribir
directamente en el estado.
• Las actualizaciones del estado se producen de una en
una.
14. Funciones puras
Redux en React
• Aquellas que dada la misma entrada siempre devuelve
la misma salida.
• No produce ningún efecto secundario.
• No depende de ningún estado externo.
26. Redux en React
Container Components
• Obtención de datos.
• Actualización del estado.
• Está conectado a Redux.
• Proporciona los datos necesarios a los
presentational components.
27. Redux en React
Presentational Components
• Se preocupan de como se ven las cosas.
• No depende de Redux.
• Recibe los datos a través de props.
• Realiza acciones a través de callbacks.
• Son escritos como functional components.