# A Guide To Integrating CodePush To Your React Native App: Part 2 **CodePush** is a cloud service that enables Cordova and React Native developers to deploy mobile app updates directly to their users’ devices. With just a few simple steps, you will be able to make changes in your React Native application and ship them instantly to your users’ iPhones. Please refer to Part 1 of the series for integrating CodePush to Android. I will only cover the iOS-specific steps in this sequel as the common steps for both have already been covered in [Part 1](https://techblog.geekyants.com/a-guide-to-integrating-codepush-to-your-react-native-app-part-1) . > You can not publish the first version of your app via App Center. The first version must be published through App Store Connect. ## 1. Create an app on App Center **Step 1.** Make sure that the application is already published on App Store. **Step 2.** Open `appcenter.ms` and click on **Add New App**. **Step 3.** Enter your app name and proceed to the OS section. Next, select iOS and then select React Native under Platform. Click on **Add New App** as is shown in the below image: ![addnew2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621774384123/RFEA8nAC_.png) **Step 4.** As we have already integrated the App Center analytics and crashes in Part 1, we just need to follow Step 2 as shown below: ![st2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621774419491/aDiq82IQl.png) **Step 5.** Post this, go to Distribute and select CodePush in the left section of the App Center website. **Step 6.** Next, click on Create Standard Deployments to see something like this: ![st3.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621774669686/09afY7lf9.png) **Step 7. **On the next screen, click on the Settings icon in the top-right corner. You may change the staging environment to Production from this section as shown below: ![st4.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621774724245/cn68ADYMf.png) **Step 8.** The keys for production and staging will be exposed as you click on the settings icon. Copy the desired key as this will be needed to execute Step 12. ## 2. Install and integrate React Native CodePush **Step 9.** I assume `react-native-codepush` is already installed in your project (as explained in Part 1). If not, you can install it from [here](https://www.npmjs.com/package/react-native-code-push) . **Step 10.** Moving forward, integrate the `react-native-codepush` package into your iOS app with the steps from [this link](https://github.com/microsoft/react-native-code-push/blob/HEAD/docs/setup-ios.md) . **Step 11.** In the above link, you will come across something like this: ![st5.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621774884136/1GsEmFZ_H.png) **Step 12.** Remember the key you copied in Step 8? Yes, you have to use that key here to complete the integration of CodePush! **Step 13.** After completion of the aforementioned steps, you can edit the `App.js` file to the React Native app. ## 3. Connect App Center to App Store *Step 14.* In the App Center console, click on **Stores** under the Distribute section after which you have to click on Connect to Store. This is visually represented for better understanding in the below image: ![st6.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621774969972/1yH-6IX-g.png) *Step 15.* Next, select App Store Connect as shown: ![st7.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621775023677/er5PubtSSG.png) *Step 16.* In the next step, you will see a list of iOS apps associated with your Apple developer account. Choose the required app and assign it to achieve the result shown: ![ss.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621775718425/Xh23Q12yMf.png) *Step 17.* As you click on Assign, there is a chance that you may encounter the following error: ![st9.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621775183847/mvJ8A2AK0.png) *Step 18.* To resolve this error, you will need to generate an app-specific password from your Apple developer account as shown in the image below: ![at10.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621846056759/K2Lyjn-Zc.png) *Step 19.* Moving forward, copy the app-specific password that you just generated and paste it to the App Center. You can refer to the below image for this: ![st11.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621775282124/-OMQpFfQi.png) *Step 20.* Next, click on Stores under the Distribute section and select Production. Click on Publish to App Store to come to the screen shown below: ![st12.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621775354829/zoUoSuy5t.png) *Step 21.* As you proceed, you will need to generate an IPA for production from Xcode and upload the IPA file as shown: ![st13.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621775394941/D_Z70uun4.png) *Step 22.* In the next step, enter Release Notes. Click Next and finally click **Publish** to achieve the following result: ![st14.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621775449028/SJqFa5GDp.png) *Step 23.* Celebrate! You have successfully integrated App Center and CodePush into your iOS application. The screen should now appear like this: ![st15.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621775494784/KysAGy5zu.png) ## Conclusion After completion of all the steps given above, Apple will receive permissions to review your app (as an update) and this process generally takes a few hours. Once approved, you can make changes in your app and run the command given in Step 4 below. As you run this command, your changes will be shipped to the end-users within a few minutes! ![st16.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621786122752/N9Ba1lVjw.png) If you are releasing an update through CodePush, don't forget to insert the mandatory flag `-m`. I was stuck with this problem for 2 days. I released updates but the changes were not reflecting in the users' devices. Then I ran the release command given below, and it worked! ``` appcenter codepush release-react -a / -d Production -m --description '' ``` Hope you've had an interesting read!