DEV Community

Cover image for Step It Up: How To Upgrade Your React Native Expo Components
Peter
Peter

Posted on • Edited on

Step It Up: How To Upgrade Your React Native Expo Components

Ever since releasing my app, I noticed that one of the most important things to do is to keep up with maintaining the app, either with adding new features that I like to use myself or maintenance releases to keep up with new API endpoints of the backend service or new component upgrades. One tip that I've learned is, you want to upgrade your components sooner rather than later for something that updates as frequently as React Native. It takes a minuscule amount of effort and can save you from dependency hell. Here I'll breakdown my process for updating my components.

If you're using expo (hint: you really should use expo), run expo doctor

npx expo-doctor --verbose

I like using the --verbose flag to show me all the steps. With this, it'll show you all the components you have in your project that are out of date. You can either update them one by one using npm or whatever package manager you are using, for instance, updating the react-native package is below with npm.

The Safer Approach

npm install react-native@0.76.9

The Yolo Approach

Alternatively, you can use expo to update all the packages for your. Less risky if you are only slightly out of date. Give it a Y and wait and hope you are ok.

npx expo install --check

Ever since releasing my app, I noticed that one of the most important things to do is to keep up with maintaining the app, either with adding new features that I like to use myself or maintenance releases to keep up with new API endpoints of the backend service or new component upgrades. One tip that I've learned is, you want to upgrade your components sooner rather than later for something that updates as frequently as React Native. It takes a minuscule amount of effort and can save you from dependency hell. Here I'll breakdown my process for updating my components.

If you're using expo (hint: you really should use expo), run expo doctor

npx expo-doctor --verbose

I like using the --verbose flag to show me all the steps. With this, it'll show you all the components you have in your project that are out of date. You can either update them one by one using npm or whatever package manager you are using, for instance, updating the react-native package is below with npm.

The Safe Approach

npm install react-native@0.76.9

The Yolo Approach

Alternatively, you can use expo to update all the packages for your. Less risky if you are only slightly out of date. Give it a Y and wait and hope you are ok.

npx expo install --check

Run a new development build of your app and give it a whirl. I hope this helps anyone out there updating their apps. I'm just getting into the groove, but I forsee me updating every few months and at least every time there's a major version (expo just released SDK 53).

Other helpful links:

React Native Upgrade Helper
Expo SDK Upgrade Guide

Top comments (0)