See Expo's updates from App.js 2024 | Faster onboarding, faster builds, faster updates...

appjs 2024 just happened and there is a lot to go over so let's Jump Right [Music] In so first things first we have something really exciting to share last week at rect conf we shared how using a react native framework is now the official recommendation from the re native team and our framework of choice is Expo so yes you should be using Expo for newly created project so now Expo is a react native framework and we're the one that meta recommends if I go to reactnative dodev we've got a whole new homepage here it's got a new design it's got fancy new illustrations and if I come down to this part there's a new section about getting a head start with a framework if I go back up to the top and I click on get started now Under start a new react native project they now say to do that with Expo if you click on continue with Expo it'll take you straight to RS right where you need to be to set up a new environment to get started developing locally we actually just rewrote all of these docs to make this a really smooth experience so go check this out also we went further than just that we actually now automate this entire process for you with a new website called expo. new and when I click get started this website is going to take you through all the steps you need to get a project on your computer get your local development environment set up and then finally to start developing so if you haven't made a project in a while this is a great way to get started next up let's talk about iteration speed and at Expo we build iteration speed into the Frameworks and services we make this year we will speed up Android Builds on iOS also by an estimated 40% if you want to make your Android builds faster you can go into your project settings and enable this by clicking on this toggle but we didn't stop there either and another optimization in our latest release with SDK 51 is the Expo use fast resolver environment variable when rerunning the bundler especially with Babel transforms already cached some of our bundling benchmarks got six times faster so now Android builds are faster and the C is faster let's talk about how to make the entire development process faster we also released a GitHub app to link your git repository with your EAS project the GitHub app also brings one of our favorite features of the web to Native mobile apps Pull request previews okay let's talk about how we can automate our builds and our updates I'm here on my project GitHub settings and if I scroll to the bottom I can see my build triggers as well as my updates here I've got two things going on the first I've got a build trigger and it's saying that whenever I push a commit to main go ahead and make an iOS build with my production profile in addition I've got these updates enabled and that'll make it such that every time I push a commit to any of my branches it's going to to publish an update and that's going to be a preview of the code changes that I just made that me or anybody on my team can access if I want to go see how I can access those I can actually go over to the branches and then if I click on a branch like staging I can click on preview here and it's going to give me a QR code that will work inside of Expo go or a development build now when you're ready to share your changes with your users we've got another feature to help you do that in a less risky way roll out your JavaScript to a small percent of your end users to start and as you gain confidence in your changes roll out to everyone and should you need to undo a roll out just a roll back is one command away you can start a roll out via the CLI or you can do it via our website and that's the way I prefer to do it I'm starting a roll out here and I'm going to start rolling out Branch a over my staging Branch I can do 10% here and once I click create roll out voila there we go now I've got Branch a rolling out to 10% of my users we also just shipped SDK 51 and we are really excited to tell you everything that is included the big news in react native is that the new architecture is finally here in beta the new architecture does all kinds of nice things but the most important thing to me is that it lays a foundation for much better performance in certain areas like lists which we know are so so important for creating apps that have a best-in-class feel in this release we've also added support for privacy manifests which are now required by Apple and we also promoted the new and improved camera and SQL light modules to be the default we've also completely Rewritten the Expo video module and this is now in beta you can upgrade your project to STK 51 by going to our change log post and then here at the bottom you can run one command and that's this command here this MPX Expo install Expo command all right so next up we've got news about Expo go starting with SDK 51 the Expo Go app will only support one version of the Expo SDK one of my deep beliefs in software development is that you want your development environment to be as similar to your production environment is you can make it and development builds are so much better at this than Expo go if you still need to use Expo go for your development process you can still find prior versions of expoo on expo. devevo here you can select a previous SDK version and you can download the one that you need so now I want to talk about updates there's actually a pretty tricky problem that occurs when you're sending updates because a native app has a certain runtime and you want to make sure that the updates runtime matches the apps runtime now the problem is how do you know whether the codebase that you've made changes to actually matches the runtime of your native app and to solve that we have a pretty exciting new feature to share so what we did is we made something called Expo fingerprint that looks to your native code and creates a fingerprint that we can use to tell if you have changes that require a new version of the app binary or whether the native part of your app is compatible and you can just send new JavaScript to it freely you can try out fingerprint in your project by setting your runtime version policy to fingerprint and your app config by the way this is still in beta so let us know what you think and to wrap things up I want to share one thing here at the end that I think is so important and something that we talk a lot about at Expo one thing I'm a little bit worried about is that I'm talking a lot about cloud services today and I think these are great but I know that whenever an open source company starts talking about doing paid hosting it can make people worried that they have to use these Services I think our cloud services are getting really good I stand behind them and I think almost everybody building with react native should be using them but we also know that they aren't for everyone and not for every use case and we don't want to force anyone to use our cloud services or create unnecessary lockin and almost everything we offer in the cloud there's a way to do it locally or in your own cloud if you have a good reason to or just prefer to do it that way you can expect that going forward from us as well and that is it for appjs 2024 I hope you're excited about some of the things that we announced and are you going to try any of them in your project you should let me know down in the comments that's it for this video and we're going to have a lot more to talk about later this year but until then we cannot wait to see what you'll build

Channel: Expo

Views: 4,100

Keywords: See Expo's updates from App.js 2024, SDK 51, Iteration speed, Onboarding flow, Highlights from appJS 2024, Whats new in Expo, Whats new in SDK 51, Highlights from SDK 51, Meta recommends Expo, Expo as the default, Meta and Expo relationship, React native and expo, Expo go, Expo Fingerprint, what is expo.new, how to get started with Expo, Expo onboarding flow, Expo golden path, Expo preview, how does expo preview work?

Id: 6-NsnZolldo

Length: 7min 6sec (426 seconds)

Published: Thu Jun 06 2024