React Native auth demo

About

This is a demo app to study and demonstrate the proper implementation of an authentication flow in React Native with Context API & Hooks.

This app was done by following RocketSeat‘s Masterclass #12.

Although there’s no real external API calls, just for the sake of simplicity I’m mocking an API call at the start of the sign in flow. The services/auth.tsx file mocks this request by returning the user object after a 2000 ms timeout (async).

Requirements

You need a React Native CLI development environment setup in order to try this app.

Installing & Running

Clone and install this repo:

$ git clone https://github.com/alande-amorim/react-native-auth.git
$ cd react-native-auth
$ yarn install
$ yarn start

Then launch this app on your emulator.

For me, I have to first open up the emulator and then:

$ yarn android

Covered topics

• Invoking the API
• Retrieving token and user data
• Persisting these data on AsyncStorage
• Making these data available app wide using Context API
• Passing the token on the authentication header during API calls
• Creating Hooks
• Handle loading states
• Sign in and sign out flows
• Setting up and using guest and auth routes