React Native- iOS – Up and Running your first app

This is a brief post about getting started with React Native in iOS. I will walk you through the steps for running your first react native app in an iOS simulator. These steps are also present directly on react native’s official website. The reason of this post is that I will be using this post as a part of a guide that I am looking forward to make for developing an app from scratch. I shall put down all the obstacles I face with the solutions so that it makes it easier for you guys. Now let’s get started.

Development OS: macOS
Target OS: iOS

Step 1- Installing dependencies

Run the following commands in the terminal one after the other:

brew install node
npm install -g react-native-cli

Step 2- Installing XCode

The best way to install Xcode is via the Mac App Store. Once you install Xcode, it will also install the iOS Simulator and all the necessary tools to build your iOS app.

If you have already installed Xcode on your system, make sure it is version 8 or higher.

Step 3- Installing XCode command line tools

Once you are done installing XCode, open it and choose ‘Preferences’ from the XCode menu. Go to Locations and then from the Command Line tools dropdown, select the latest XCode version and install it.

Screen Shot 2018-07-15 at 8.38.08 PM

Step 4 – Creating a new Application

Let’s create an application called TestApp. In the terminal, navigate to the desired location and run the following command:

react-native init TestApp

The above command will create a new react native application for you named as TestApp.

Step 5 – Running your application

cd TestApp
react-native run-ios

 

This will load your iOS simulator shortly and will show the following default screen.

Screen Shot 2018-07-15 at 8.46.19 PM

That’s it. You are good to go, your first react-native iOS app is successfully running on a simulator now. Stay connected for more.

React Native – Up and Running your first App

Hi there, now that React JS has been around for a quite long time with its marvelous performance and one this is one of the reasons that today it is been used on a wide basis to develop Single Page Applications. It became more exciting with the coming of React Native to develop your mobile apps. As you know, React Native lets you build your app in JavaScript. And yes, this is a complete mobile app, not some hybrid app or mobile web app.

The reason I am writing this article is that, as a tech enthusiast with a curious mind, I started to learn React Native by building a small app. It is a new technology, it was a bit difficult at the beginning to set up the entire environment and get my app running. So for the new bees who are trying their hands on, in this new technology, I would like to share some steps to help you set up your dev environment and successfully run your first React Native app. This entire article will be a very basic to the point with reference to the Android app.Read More »