Guía para manejar la store de Redux

En esta oportunidad les queremos compartir una guía sobre cómo manejar la Store de Redux en React-Admin escrita luego de utilizarla en un proyecto por nuestra Socia @estefi.

Con sus propias palabras, ésta fue su principal motivación:

Indagando acerca del acceso y modificación de la store de Redux me vi en la necesidad de documentar los pasos, ya que puede optimizar de una manera simple el desarrollo de nuevas funcionalidades.

Ahora sí, la descripción en detalle de los pasos que documentó Estefi.

Cómo acceder a la store de redux

Se accede desde un componente:

Se deben importar las funciones compose y connect

Definir la función mapStateToProps:

Agregar las props al componente

Cómo modificar la store de redux

Como primer paso hay que crear un reducer:

Hay que importarlo desde src/App.js:

Registrar el reducer en <Admin>, simplemente hay que pasarlo como una prop:

Esto creará un campo en la store llamado currentExample y la store se verá asi:

Se debe crear una acción que llame al reducer:

Junto con su respectivo archivo de constantes:

Se accede desde un componente:

En el componente desde el cual se quiere modificar la store se importa la accion:

Se deben importar las funciones compose y connect

Se crea la función mapDispatchToProps que se usa para enviar acciones a la store.

Agregamos las props al componente

y ya se pueden usar las funciones dentro del componente

Deja una respuesta