react-authapp-container

A boilerplate app container that contains authentication sagas (react-boilerplate/react-native)

Installation

Using npm

npm install @source4society/react-authapp-container

Using yarn

yarn add @source4society/react-authapp-container

Setup

This container is intended to be used with SCEPTER-webui which is a modified fork of react-boilerplate or SCEPTER-mobileui based off of React Native.

Example

Include this container in your base app container, and pass it a Shell and LoadingIndicator component as follows:

<App shellComponent={Shell} loadingIndicatorComponent={LoadingIndicator} />

You can also pass custom props, which will be passed to the shell component as appProps

The shell will receive the following props from the App container:

isAuthenticated userRoles userId username expires jwt appProps

Please see the action.js, reducer.js, selectors.js and saga.js files for an understanding of how to manipulate the value of these properties.

React Native

For React Native applications, you must set localStorage to be the AsyncsStorage object on the global scope before mounting this container. You can replace localStorage with another storage implementation of choice so long as the interface is similar.