A simple grocery list app using React Native, Redux, Firebase, and Async Storage for offline data. It works on both iOS and Android.

Built and tested with:

• OSX
• Node 4.2.3 with npm 3
• Xcode 7
• Android SDK

A Firebase account is also needed.

Run:

git clone https://github.com/bruz/react-native-redux-groceries.git groceries
cd groceries
npm install

Configure:

cp config.js.example config.js

Edit config.js to have the URL of your Firebase app.

open ios/Groceries.xcodeproj

This will launch Xcode. Just choose a device a press run.

• Follow the React Native Android setup guide.
• Once you have a running emulator, run:

react-native run-android

• Run:

react-native bundle --dev false --entry-file index.ios.js --platform ios --minify --bundle-output ios/main.jsbundle

• In AppDelegate.m, comment out:

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"];

• Then uncomment this in AppDelegate.m:

//jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

• In the Xcode menu, go to Product -> Scheme -> Edit Scheme..., and under Run change the Build Configuration to Release.
• Choose your device in Xcode and run it on there.

To get back to development mode, just undo these changes.

It hasn't been testing with this app, but the React Native APK signing instructions may work.

Grocery bag icon by Claire Jones from the Noun Project