request-store v0.0.3

Request-store

record the request status and cache all res into memory

Usage

basic usage

import { createRequestStore } from 'request-store'

const { subscribe, request } = createRequestStore({
  onRequestStart: () => ({
    isFetching: true
  }),
  onRequestSuccess: (_id, json) => ({
    isFetching: false,
    reslut: json,
    error: null
  }),
  onRequestFail: (_id, error) => ({
    isFetching: false,
    error
  })
})

subscribe(store => {
  console.log(JSON.stringify(store, null, 2))
})

const loadTodos = () => {
  return request({
    id: 'TODOS',
    url: 'https://jsonplaceholder.typicode.com/todos/1'
  })
}

loadTodos().then(res => {
  console.log(res)
})

/** fetch-store
{
  "TODOS": {
    "isFetching": false,
    "reslut": {
      "userId": 1,
      "id": 1,
      "title": "delectus aut autem",
      "completed": false
    },
    "error": null
  }
}
*/

integrate with redux

import { createStore, combineReducers } from 'redux'
import { createRequestStore } from 'request-store'

const rootReducer = combineReducers({
  requestStore: (state, action) => {
    if (action.type === 'UPDATE_REQUEST_STORE') {
      return action.payload
    } else {
      return state
    }
  }
})

const store = createStore(rootReducer, {})

const { request, subscribe } = createRequestStore({
  //...
})

subscribe(requestStore => {
  store.dispatch({
    type: 'UPDATE_REQUEST_STORE',
    payload: requestStore
  })
})

/** redux-store
{
  'requestStore': {
    "TODOS": {
      "isFetching": false,
      "reslut": {
        "userId": 1,
        "id": 1,
        "title": "delectus aut autem",
        "completed": false
      },
      "error": null
    }
  }
}
*/

Api

createRequestStore(opts?: CreateRequestStoreOptions)

interface CreateRequestStoreOptions {
  initStore?: Store
  onRequestStart?: (id: string) => any
  onRequestSuccess?: (id: string, json: any) => any
  onRequestFail?: (id: string, e: Error) => any
}

request(opts: RequestOptions)

interface RequestOptions {
  id: string
  url: string
  options?: any
  bailout?: (store: Store) => boolean
  onRequestStart?: (id: string) => any
  onRequestSuccess?: (id: string, json: any) => any
  onRequestFail?: (id: string, e: Error) => any
}

subscribe(listener)

type Listener = (s: Store) => void