The latest articles on Forem by Lucky Oniovosa (@lucky_oniovosa). https://forem.com/lucky_oniovosa https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1777350%2F14726a6f-722b-4617-8d81-e865eecae49b.jpg https://forem.com/lucky_oniovosa en Lucky Oniovosa Sat, 13 Jul 2024 22:33:29 +0000 https://forem.com/lucky_oniovosa/how-to-publish-your-react-native-app-to-expo-store-2024-3hpf https://forem.com/lucky_oniovosa/how-to-publish-your-react-native-app-to-expo-store-2024-3hpf <p>I recently tried publishing my React Native app to the Expo store, only to discover that most articles on this topic are obsolete.</p> <p>This article aims to help anyone trying to publish their React Native app to the Expo Store by following these simple steps.</p> <ul> <li> <strong>Create your project</strong> </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>npx create-expo-app@latest </code></pre> </div> <ul> <li> <strong>Install EAS CLI</strong> </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>sudo npm install --global eas-cli </code></pre> </div> <ul> <li><strong>Ensure you have an account on Expo</strong></li> </ul> <blockquote> <p><a href="https://expo.dev/" rel="noopener noreferrer">Create Expo account here</a></p> </blockquote> <ul> <li> <strong>Login to your Expo account on the terminal</strong> </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>npx expo login </code></pre> </div> <ul> <li><strong>Create or link to your Expo project</strong></li> </ul> <p>To create a new project, use the command below<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>eas init </code></pre> </div> <p>if you already have an existing project on your Expo dashboard, use this command<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>eas init --id [paste your project ID gotten from your dashboard] </code></pre> </div> <ul> <li> <strong>Deploy to expo</strong> </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>eas update </code></pre> </div> <p>If you encountered an error like I did while deploying, you might want to clear the cache and re-deploy.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbg2bwwk3mdks1nu0pbmo.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbg2bwwk3mdks1nu0pbmo.png" alt="cache error while deploying" width="800" height="451"></a></p> <p>To clear the cache<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>sudo npm cache clean --force </code></pre> </div> <p>I hope you find this article helpful,<br> Happy reading, Happy Coding😀</p> reactnative expo