How to handle ADD_TODO and DELETE_TODO?

[cristian-sima]

Hi.

I think this package is great. However, in order to use it I do not understand how to integrate 2 features: ADD and DELETE.

The naive approach would be to reset the entire pagitated todos when I am adding a new one. (and also the cached requests). I feel this is a bad approach as I already know that the item that I am adding is the last one and I can add it inside the paginated reducer, however it does not allow me to increment any sort of counter. I have just the page counter, which I can not increment.

A better solution is to have a counter which tells me which was the last ID that I have fetched. In this sense, I can increment or decrement it.

Of course it is a discussion regarding the sorting type. In that matter, we can provide different reducers for different types of sorting.

Any idea on this subject? If so, can you provide a very small example of integrating ADD and DELETE with this package?

[juandjara]

You can build logic for adding and deleting items in the reducer you use for composing the itemsReducer provided by redux-pagination

I'm trying to implement the logic like this:

const panelsReducer = (state = {}, action = {}) => {
  const { type, payload } = action
  switch(type) {
    case PANEL_CREATE:
    case PANEL_EDIT:
      return {
        ...state,
        [payload.id]: payload
      }
    case PANEL_DELETE:
      const copy = Object.assign({}, state)
      delete copy[payload.id]
      return copy
    default:
      return panelPaginator.itemsReducer(state, action)
  }
}