React Native: Sign in with Apple

How to integrate Sign in with Apple for React Native apps

Ross Bulat
16 min readJul 20, 2020

Cut out your registration forms with Sign in with Apple integration

Sign in with Apple was released alongside iOS 13 and provides a simple and private way for users to authenticate with their apps and websites that support the service. With Sign in with Apple, users can essentially use their Apple ID as the trusted identifier for apps and websites, removing the need to create a new account with the app in question.

This article walks through the process of integrating Sign in with Apple in the context of React Native, and will unravel the code behind this seamless authentication mechanism. A couple of key packages will be used to facilitate integrating Sign in with Apple, namely react-native-apple-authentication for the React Native side and apple-signin-auth for the Node.js server side.

Before jumping into the code needed to get this service up and running in React Native, the next section breaks down exactly what to expect from the Sign in with Apple service from both a user standpoint and development standpoint. This will give us enough context to go ahead and integrate the service.

How Sign in with Apple Works

--

--

Ross Bulat
Ross Bulat

Written by Ross Bulat

Programmer and Author. @ Parity Technologies, JKRB Investments

Responses (6)