Example usage of redux-oidc in React Native app

A bare minimum React Native App, OIDC Provider, and API (coming soon) all running locally with a few simple commands.

Setup

The two folders, OIDCProvider and ReactNativeApp each have their package.json file.

OIDC Provider

Starts a node server on port 3000.

Navigate into OIDCProvider and run npm i to download packages
Run npm run start or double click on run-start.cmd

ReactNativeApp

Sets up a local development environment for the react-native app.

Follow React Native's Getting Started instructions for Building Projects with Native Code. This should result in a working emulator and the react-native command line interface.
Navigate into ReactNativeApp and run npm i to download packages
Launch emulator
If using Android Emulator see next section
Run react-native run-android or react-native run-ios

Allow Android Emulator to Communicate With Localhost

By default all localhost ports on the Android Emulator will point to the Android Emulator, but we need localhost:3000 to point to your computer running OIDC Provider instead. You can tell the emulator to do this by performing the following steps OR by double clicking on android-emulator-adb-reverse.cmd.

Navigate to [Your Android SDK Directory]\platform-tools
Open a command window
Run adb reverse tcp:3000 tcp:3000

Troubleshooting

If the React Packager window closes due to an error just re-launch it using react-native start, then close and re-open the app through the emulator UI.

Sign In

Use the following emails with any password to sign in:

TODO

Build API to return a simple todo list for each user of OIDC Provider and update ReactNativeApp to use API.
Work with oidc-client and redux-oidc maintainers to reduce code needed by consumers.
Add silent renew
Add session monitoring

matt-orlando/redux-oidc-example-react-native