How to Deploy React Native Apps With Microsoft CodePush

CodePush is Microsoft's App Center cloud service that enables React Native developers to deploy mobile app updates directly to their users' devices.

Table of Contents

CodePush#

CodePush is Microsoft's App Center cloud service that enables Apache Cordova and React Native developers to deploy mobile app updates directly to their users' devices.

Installation#

To use CodePush, we need to add the app to AppCenter.ms. Create a free account on the site to begin.

Add app#

To add a new app, click Add new at the top right corner of the dashboard:

Select the following options:

  • App name: Give the app a name

  • Release Type: Select a type eg alpha, beta

  • OS: Android

  • Platform: React Native

Great - we've added our app!

App Center has an SDK which provides additional capabilities like logging, error monitoring and analytics. Feel free to explore these, though we will be using Sentry for these and will only be integrating CodePush, so adding this SDK is not required.

CLI#

App Center provides a CLI. It needs to be installed once, and then we can use it for any of our React Native apps.

Then log in to the App Center.

This will open a window in the browser. After authenticating, we will get a code as below:

Enter the code in the terminal when prompted:

Integrate with app#

Install react-native-code-push using yarn or npm: