The latest articles on DEV Community by Taher Lunavadi (@taher07). https://dev.to/taher07 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%2F543806%2F302a8d4f-9596-4db0-b4e4-097ddd77474b.png https://dev.to/taher07 en Taher Lunavadi Sat, 01 May 2021 21:37:55 +0000 https://dev.to/taher07/running-a-dockerized-react-native-application-1dd9 https://dev.to/taher07/running-a-dockerized-react-native-application-1dd9 <h2> Why do we run a React Native application in a docker container? </h2> <p>At times setting up React Native dev environment could be a prick in the spine, hence docker solves all those issues and let's us build a React Native application in a container facilitating testing the application as well.</p> <p>In this tutorial, we'll orchestrate a docker container with a bare minimum React Native application with Expo managed workflow.</p> <p>We'll use <a href="https://github.com/taher07/dockerized-react-native" rel="noopener noreferrer">https://github.com/taher07/dockerized-react-native</a> to complete our task</p> <h2> pre-requisites </h2> <ul> <li>docker</li> <li>docker-compose (which usually comes along with docker but if it's not the case then yeah)</li> </ul> <h2> steps </h2> <ul> <li>clone the repository using <code>git clone https://github.com/taher07/dockerized-react-native.git my-app</code> </li> <li>Navigate to the repository and run <code>rm -rf .git/</code> </li> <li>Run <code>docker-compose up</code>, you gotta give it some time</li> <li>Your React Native application would have probably been running by now, go to <a href="">http://0.0.0.0:19002</a> from your browser and it would render dev tools in your browser</li> <li>Under the <code>connection</code> section click on <code>Tunnel</code> and you can now run your expo managed app from the Expo Go app on Android or iOS devices (It has been shown below)</li> </ul> <p><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%2Fligrzpmh7pzj2quamvvd.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%2Fligrzpmh7pzj2quamvvd.png" alt="Metro"></a></p> <ul> <li>Now let's get into bash specific to docker container as <ul> <li>Run <code>docker ps</code> and copy the container id</li> <li>Run <code>docker exec -it &lt;container_id&gt; bash</code> </li> </ul> </li> <li>You're all set to start developing your dockerized React Native application</li> </ul> <h4> Any further discussion on this thread are welcome below! </h4> docker reactnative devops container