RNAuthZero

A sample app showing how to implement authentication in React Native using Auth0.

You can read the full tutorial at: https://blog.pusher.com/react-native-auth0/

Getting Started

1. Create a new app on Auth0
2. Create new React Native app

react-native init RNAuthZero

3. Install the packages:

cd RNAuthZero
npm install --save react-native-auth0 react-navigation react-native-device-info@0.21.0 react-native-sensitive-info react-native-config react-native eject

4. Setup the packages by following the links:

• react-native-auth0 v1.2.2
• react-native-device-info v0.21.0
• react-native-sensitive-info v5.1.0
• react-native-config v0.11.5
• react-native-restart v0.0.3

5. Copy the .env file from this repo and update it with your Auth0 credentials.

6. Replace the files in the android and ios directories with the files from this repo.

7. Run the app.

react-native run-android
react-native run-ios

Prerequisites

• React Native development environment
• Genymotion Emulator, Android emulator or iOS simulator, or an Android or iOS device
• Auth0 account

Built With

• React Native - mobile development framework for developing apps with JavaScript and React.
• Auth0 - authentication as a service.

Acknowledgments

• react-native-auth0
• react-navigation
• react-native-device-info
• react-native-sensitive-info
• react-native-config
• react-native-restart

Donation

If this project helped you reduce time to develop, please consider buying me a cup of coffee :)

<a href="https://www.buymeacoffee.com/wernancheta" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" ></a>