Example redux modules

There're a bunch of redux modules already on the example app. Here's an explanation of each of them.

entities

The entities module handles normalization through the normalizr library. The middleware does 3 things:

• intercepts actions dispatched with meta.entities property;
• normalizes the action payload property based on the value of meta.entities;
• dispatches an ENTITIES_RECEIVE action with normalized entities, which will be handled by the entities reducer.

To be able to have an entity normalized, you need to do 3 things:

• add meta.entities to the success action:

    const resourceCreateSuccess = detail => ({
      type: RESOURCE_CREATE_SUCCESS,
      payload: detail,
  +   meta: {
  +     entities: 'resource',
  +   },
    })

• create resource schema on store/entities/schemas.js

  export const resource = new schema.Entity('resource')

• on containers, use selectors from the entities store instead of the resource one:

  - import { fromResource } from 'store/selectors'
  + import { fromResource, fromEntities } from 'store/selectors'
    ...
    const mapStateToProps = state => ({
  -   list: fromResource.getList(state),
  +   list: fromEntities.getList(state, 'resource', fromResource.getList(state)),
    })

gtm

TODO

modal

TODO

post

TODO

resource

TODO

social

TODO