All Projects → spencercarli → Meteor Todos React Native

spencercarli / Meteor Todos React Native

Programming Languages

javascript
184084 projects - #8 most used programming language

Deprecated: While the code in this repo may still be valuable it no longer accurately represents how apps are built with React Native and Meteor. For a more up to date and continuously updated example please checkout the React Native Meteor Boilerplate.

Meteor Todos, React Native Style

A demo of React Native interacting with a Meteor backend. The goal of this project is to match the feature set of the web version of Meteor's Todos example.

Note: Still a work in progress.

Installation

  1. Install Meteor
  2. Install React Native (Only works on OSX currently)

Running

You'll need two terminal windows to run this example.

  1. In terminal window 1 run cd meteor-todos/ && meteor
  2. In terminal window 2 run cd ReactNativeTodos/ && npm install && npm run ios
  3. After the npm dependencies are installed Xcode should open. You can then press the play button in the top left of Xcode and the iOS simulator should open.
  4. If you plan to run on a real device, make sure to replace localhost with your local IP address in the following files:
  • AppDelegate.m
  • ReactNativeTodos/app/config/db/lib/ddpClient.js

Changes made to the Meteor Todos Example

I wanted to minimize the number of changes I made to the example provided by Meteor (created by running meteor create --example todos). The only addition I made was adding a few Meteor methods in meteor-todos/lib/methods.js.

Android Support

The app builds on Android but that is the extent of my testing with it. Please feel free to test, fix, and contribute back.

You can use on android by running npm run android inside the ReactNativeTodos folder. Make sure to run npm install first.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].