React-native-redux-object-to-promise NPM

react-native-redux-object-to-promise

Redux middleware middleware to transform an object into a promise. Uses fetch and AsyncStorage.

npm install --save redux-optimist-promise

Usage in middlewares

First, import the middleware creator and include it in applyMiddleware when creating the Redux store. You need to call it as a function (See later why on configuration section below):

import middleware from 'react-native-redux-object-to-promise';

composeStoreWithMiddleware = applyMiddleware(
	middleware({
	  keyIn = 'promise',
	  keyOut = 'promise',
		tokenKey = 'token-key',
	  fetchOptions = {}
	})
)(createStore);

To use the middleware, dispatch a promise property within the meta of the action.

Example:

The below action creator, when triggered dispatch(addTodo('use react-native-redux-object-to-promise'))

export function addTodo(text) {
	return {
		type: 'ADD_TODO',
		payload: {
			text
		},
		meta: {
			promise: {url: '/todo', method: 'post', data: {text}},
		}
	};
}

will dispatch

{
	type: 'ADD_TODO',
	payload: {
		text: 'use react-native-redux-optimist-promise'
	},
	promise: Promise({url: '/todo', method: 'post', data: {text}})
}