The latest articles on DEV Community by onitololaurence@gmail.com (@onitolobabatunde). https://dev.to/onitolobabatunde 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%2F785203%2F83d43360-891c-4213-9a99-d32e7ac6fea7.jpeg https://dev.to/onitolobabatunde en onitololaurence@gmail.com Sun, 27 Feb 2022 16:59:49 +0000 https://dev.to/onitolobabatunde/setting-up-react-native-application-3glf https://dev.to/onitolobabatunde/setting-up-react-native-application-3glf <p>React Native is a Javascript framework that allows us to create mobile that will run on both Andriod and iOS.</p> <p>Expo is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web apps from the same JavaScript/TypeScript codebase.</p> <p>We need to have a knowledge of javascript and reactjs.</p> <p>Firstly, things needed.</p> <ol> <li>Node.js install</li> <li>Code Editor (Vs code)</li> <li>React Native Tools Extension</li> </ol> <p><strong>Step 1</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>npm install -g expo-cli </code></pre> </div> <p><strong>Step 2</strong><br> Create a new expo project, let's call it firstProject<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>expo init AwesomeProject cd AwesomeProject </code></pre> </div> <p><strong>Step 3</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Run npm start </code></pre> </div> <p><strong>Step 4</strong></p> <p>Download expo on your playstore on you phone and install. Also after expo app have been launch you'll see a barcode, scan the barcode with your phone camera.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--X1J5Jcz7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hwge70ry7pfwt4rcjku5.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--X1J5Jcz7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hwge70ry7pfwt4rcjku5.png" alt="Image description" width="300" height="539"></a></p>