React Native becoming very popular among Android and iOS developer because of its cross platform native development technique. React native is now doing what is impossible few years back but now its a complete game changer technique, which would soon change the development arena and any one can developer both android and iOS apps using single language.
Jul 28, 2016 The create-react-app project aims to provide a canonical manner for initiating a new React app for those that want the benefits of a more complex setup but don't want to deal with the configuration. In this post, we'll explore using create-react-app alongside a Node+Express API server. We supply the React components used in this post. Do you notice something? There is no react-dom because there is no DOM in React Native.AppRegistery is the entry point to run a React Native application.App component or any other root component in the app should register by using AppRegistry.registerComponent such that a native system can load the bundle of the app and run the app by starting AppRegistry.runApplication.
This tutorial is for all the beginners who is thinking to learn React Native. So using this tutorial you can complete your first task to install Install React Native on MAC ( MACINTOSH ) system and create your first React Native project and run that project in real iOS device or iOS emulator. If you use windows system then you can also read my this tutorial. So lets get started 🙂 .
Step 1. Install Homebrew :
Homebrew is a type of platform dependency installation software which would allow us to install all the download and install all the required files. To install Homebrew open you terminal prompt and type the below command :
/usr/bin/ruby-e'$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)' |
Create React App On Mac Free
Step 2. Install Node.js :
React App Create
Next step is to install the node.js online using command.
Step 3. Install watchmen :
Step 4. Install React Native CLI :
Step 5. install Xcode command line tools :
To install the latest version on Xcode you need to follow the below steps :
Open Xcode -> Preferences -> Locations tab -> install latest version of Xcode command line tools.
Step 6. Create your first react native project in MAC :
Step 7. Run your created project
2 | react-nativerun-ios |
Screenshot :
Here you go guys, Now you have successfully created your first React Native project in MAC. To start editing your project just open the index.ios.js file. Feel free to share your thoughts via comments 🙂 .