eas update tutorial | Expo | React Native

in this video we're going to talk about EAS update this is an expo react native framework feature that is really really cool it allows you to add updates to your existing app your app that's on the App Stores already so instead of having to build a new app and then submit a brand new app to the app store get it reviewed again get it activated again get it approved again you can now just use EAS update and it will just update your app automatically we're going to go through exactly how to do that in this video the first thing you'll need for EAS update to work is the EAS update Library this is a library that you have to install so you can go to that page I'll put this link in the description below Expo install Expo Updates this is my Expo app that I created earlier I'm going to go ahead and install Expo updates your next step is to go to your app. Json file you should be able to find that in the root of your app if you haven't already you'll need to to add a plugins key and value so I'm going to just go ahead and copy this from the documentation you can come down to the bottom because I haven't added a plugins value yet you'll want to make sure there's an expo updates and you need to add in your username the way you can find your username is to go to expo. deev after you log in your username will be up in the top left corner or you can click the top right corner to see your username there under profile so put your username there next in your app.js file you'll want to import this updates function from the Expo updates package so go to your app.js file import that at the top of the file come down here and copy this on fetch update async function copy that entire function paste that somewhere in your app.js file next you want to import use effect if you don't have it imported already you'll want to create a use effect that triggers this function on load so so whenever your app loads you always want to check to see if there's any updates now that you have that all set up you can come up here to where it says usage click on EAS update once you get to this page you'll want to scroll down to create your first build if this is your first build for all this to work you'll want to install EAS CLI globally so you can come copy that paste that here go ahead and EAS log in if you haven't already put in your email user name and password to log in this is the account information for your expo. deev account and then for number four we've already installed Expo updates you can now run EAS update configure and if everything works correctly you should see this all builds of your app going forward will be eligible to receive updates published with EAS update so if you've seen that you know now I can submit my app to the App Store and after the next build is submitted to the app store all your changes after after that you could just EAS update instead of submitting your app over and over and over again to the app stores you can just submit it one time after this and then from now on you can say EAS update so before moving on to this next part if you haven't watched my other video uh about EAS submit at this point you'll want to watch that video to learn how to submit an app to the App Store if you haven't done it yet that video will show you how to submit using the EAS submit command to the app app stores once you have an app on the app store then you're ready to start using EAS update and actually before you do that you'll want to go to your e. Json file so after you run EAS update configure EAS build configure you'll also want to go to e. Json it should have created an e. Json file for you after running the E submit or EAS build command open that file make sure to add Channel prev previe under the preview section and then also add Channel production within the production object and now you're officially ready you can go ahead and follow the EAS submit video now this next part assumes you already have an app on the App Store you've already followed the video about EAS submit to submit your app to the App Stores once that is done from now on you can just use this EAS update command and this is an example of what it looks like this Branch portion has to do with which branch on GitHub you're using to publish your app for your app so for example this might be main that's usually what it is for me so I'll copy this and we'll just go through this together I'll make this a bit bigger so you can see so if you paste that there what it's wanting you to do here for preview that might be your branch name if it's preview you can keep it preview mine is main on GitHub I usually name my main branch main so you might want to change that to main if that's how you do it in GitHub as well and then you can just leave a message for this update and then if you click return this will now send any updates you've made to your app since you last published to the App Store something to remember is each time you do this you'll want to update your version number in the app. Json file and if your IOS and Android objects have a version number and if your IOS and Android objects also have version number set up you'll want to update those numbers too once an EAS update is finished you should see this published once an EAS update is finished and successful you should see a published check mark at the bottom and the way you can see your updates in your app is in your app the app on your phone or your device force close the app and reopen up your app up to two times to download and view the updates so if you open your app the first time your updates might not be there but if you force Y close the app a few times open it back up close it it should eventually show up any updates you've made to your app will show up and this is without having to resubmit your app to the App Stores uh and it says by default Expo updates checks for updates every time the app is loaded so the way it's working is whenever you open up the app Expo updates is checking for any updates to the app and uh so they might not show up the first time you open it after it finds the updates it'll make the changes and then after you close the app forcefully a few times and then open it back up the changes should be there let me know in the comments below what you think about EAS update I personally think it's awesome it's so great to be able to publish my updates automatically without having to go through the review process again I've had so many issues in the past with the review process with Apple and Google especially after you get through the first time sometimes they'll just not approve your future updates for random reasons that make no sense but if you just use EAS update you can update your app over and over and over again get through without even having to go through the review process again which is so great like the video if you'd like to see more content like this don't forget to subscribe and hit the Bell icon thanks for watching and I'll see you next time

Channel: Native Notify

Views: 15,729

Keywords: eas, eas submit, expo, react native, js, app

Id: HYh3UqxYzpA

Length: 7min 18sec (438 seconds)

Published: Thu Oct 19 2023