React Redux Utils

import { addLoader } from 'react-redux-toolbox';
 
export function* watchFetchMovies(): SagaType {
  yield takeLatest(actionTypes.FETCH_MOVIES, addLoader(fetchMovies, 'movies'));
}

{
  type: 'react-redux-toolbox/SHOW_LOADER',
  loaderName: 'movies',
}

{
  type: 'react-redux-toolbox/SHOW_LOADER',
  loaderName: 'movies',
}

import { combineReducers } from 'redux';
import { loaderReducer } from 'react-redux-toolbox';
 
const rootReducer = combineReducers({
  loader: loaderReducer,
  ...
});

export const isLoading = (state: any, loaderName: string, reducerName = 'loader'): boolean

import { LoaderWrapper } from 'react-redux-toolbox';
 
...
 
render() {
  return (
    <LoaderWrapper loaderName="movies">
      <Movies>
    </LoaderWrapper>
  )
}

import { addLoader, catchApiExceptions as catchApiExceptionsUtil } from 'react-redux-toolbox';
 
const handleApiException = (error: any) => {
  if (__DEV__) console.warn(error);
 
  if (!error.response) {
    Toast.show('Connection error');
    return;
  }
 
  Toast.show('Something bad happened');
};
 
const catchApiExceptions = (saga, timeout) => catchApiExceptionsUtil(saga, timeout, handleApiException);
 
export function* watchFetchMovies(): SagaType {
  yield takeLatest(actionTypes.FETCH_MOVIES, addLoader(
    catchApiExceptions(fetchMovies),
    'movies'
  ));
}

import 'react-redux-toolbox/debug/setupReactNativeDebugger';

import React from 'react';
import { Text, View } from 'react-native';
import { shallow } from 'enzyme';
import { getNodeText } from 'react-redux-toolbox';
 
describe('getNodeText', () => {
  it('returns the sum of the two nodes text', () => {
    const component = shallow(<View>
      <Text>first text</Text>
      <Text>second text</Text>
    </View>);
 
    expect(getNodeText(component)).toEqual('first textsecond text');
  });
});