andrewthuang/minimal-react-native-redux

A simple counter app for playing around with React Native.

minimal-react-native-redux

This is a simple counter app for playing around with React Native.

Note: This project is tailored for iOS development on a Mac

Tools

• React Native
  • to enable hot reloading, press Command-D to bring up the dev menu and select.. you guessed it: Enable Hot Reloading
• Redux
  • with react-redux bindings
• Remote Redux DevTools
  • launch DevTools with this handy Chrome app

Initial (One Time Only) Setup

Clone the repo and install dependencies

> git clone https://github.com/AndrewTHuang/minimal-react-native-redux.git
> cd minimal-react-native-redux
> npm install

Run the build process in Xcode

Open the project in Xcode (v7.0 or higher)

> open ios/MinimalReactNativeRedux.xcodeproj

Press `Command-R` to build the app

Upon successful build, Simulator will automatically launch the app (while running React packager on port 8081).

Subsequent Usage

After the initial build, there is no need for Xcode if you're just playing around with the app in Simulator. To do so, follow these steps:

> npm start (this will run React packager on port 8081)

Open Simulator (Command-Space bar + 'simulator')
Swipe to the second screen
Tap on the `MinimalReactNativeRedux` icon