json-api-handlers v0.2.0

json-api-handlers

Initial commit. Readme and usage guide will be added later

Api methods

createLoadHandler(resourceType: string, options: object): nextState

Use it for handle success data loading

Options:

const options = {
  mapToKey: bool|string,  // default: false, map result to custom reducer key
  withLoading: bool,      // default: true, enable/disable loading params
  idsOnly: bool           // default: false, map entities ids to array
}

Simple example

Initial state looks like:

state = {
  posts: {
    isLoaded: false,
    isLoading: false,
    posts: {}
  }
}

const handlers = {
  [LOAD_POSTS.SUCCESS]: createLoadHandler('posts')
}

Resulted state looks like:

state = {
  posts: {
    isLoaded: true,
    isLoading: false,
    posts: {
      '1': {
        id: 1,
      }
    }
  }
}

Custom example

Initial state looks like:

state = {
  posts: {
    isLoadedPostIds: false,
    isLoadingPostIds: false,
    postIds: []
  }
}

const handlers = {
  [LOAD_POSTS.SUCCESS]: createLoadHandler('posts', { mapToKey: 'postIds', idsOnly: true })
}

Resulted state looks like:

state = {
  posts: {
    isLoadedPostIds: true,
    isLoadingPostIds: false,
    postIds: ['1']
  }
}

createDeleteHandler(resourceType: string, options: object): nextState

Use it for handle delete data.

Action payload should have deletedId param

Options:

const options = {
  mapToKey: bool|string,  // default: false, map result to custom reducer key
}

Simple example

Initial state looks like:

state = {
  posts: {
    posts: {
      '1': {
        id: 1,
      },
      '2': {
        id: 2,
      }
    }
  }
}

const handlers = {
  [LOAD_POSTS.SUCCESS]: createDeleteHandler('posts')
}

Resulted state looks like:

state = {
  posts: {
    posts: {
      '2': {
        id: 2,
      }
    }
  }
}

Custom example

Initial state looks like:

state = {
  posts: {
    postIds: ['1', '2']
  }
}

const handlers = {
  [DELETE_POST.SUCCESS]: createDeleteHandler('posts', { mapToKey: 'postIds' })
}

Resulted state looks like:

state = {
  posts: {
    postIds: ['1']
  }
}