No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 72831a5 May 6, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
android initial commit Sep 19, 2015
ios Basics in place Sep 19, 2015
src Added redux setup Sep 19, 2015
.flowconfig initial commit Sep 19, 2015
.gitignore ignoring secrets Sep 20, 2015
.watchmanconfig initial commit Sep 19, 2015
README.md Update README.md May 6, 2016
index.android.js initial commit Sep 19, 2015
package.json Added redux setup Sep 19, 2015
webpack.config.js Fix babel-plugin-react-transform config Oct 3, 2015

README.md

React Native Hot Redux Starter (deprecated)

Hot reloading is now built into React Native, so use that instead of this.

This is a starter kit for building React Native apps using Redux and the react-native-webpack-server for hot code reloading.

Hot reloading is based on the BabelES6 example in @mjohnston's react-native-webpack-server.

Installation

git clone git@github.com:adampash/react-native-hot-redux-starter.git
cd react-native-hot-redux-starter
npm install

Development

npm run hot
open ./ios/react_native_starter.xcodeproj

Cmd+R inside Xcode to run the app in the iOS simulator. On first run, you'll likely receive an error because, in order for hot-loading to work, you need to be debugging in Chrome. Dismiss the error (press escape), then press Cmd+D and click on the Debug in Chrome button. When the Chrome debugger is open and connected, press Cmd+R in the iOS simulator to reload the app. You should now be hot-loading, and all changes you save in your source should update in the app.

What's in it?

I'm using the starter to familiarize myself with Flux using Redux and the best practices I know of.

Build for release

npm run bundle

Uncomment the line in AppDelegate.m that loads the local main.jsbundle. (Line 46.)

Todo

  • Update for Android.

Thanks

Many thanks to Dan Abramov for help debugging hot loading (along with all of his work that I'm using here).