How to setup React Native

By Blaine Hatab | March 27, 2015

This is a quick introduction to show you how to setup react native. Quick note, I had to restart my computer after installing watchman for it to work. I'm not 100% sure why, but it worked after restarting my computer.

Install libraries

brew install node

brew install watchman

npm install -g react-native-cli

Create and start project

react-native init ExampleReactNative

cd ExampleReactNative

npm start

Launch IOS simulator

Launch Xcode, open up the project you just created, and run the project. You should see an IOS simulator pop up and now you can see the app you just created. Xcode is simply there to run the simulator and you aren't going to be using it to edit any code. Use a standard IDE or text editor to change the code. Press CMD+R on the IOS simulator to see your changes take place.

Now you're ready to make phone apps!

Links

React Native: http://facebook.github.io/react-native/

React: http://facebook.github.io/react/

comments powered byDisqus