• Stars
    star
    191
  • Rank 202,877 (Top 4 %)
  • Language
    JavaScript
  • Created about 9 years ago
  • Updated about 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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.

More Repositories

1

react-native-meteor-boilerplate

JavaScript
628
star
2

getting-started-react-navigation

JavaScript
380
star
3

react-navigation-auth-flow

JavaScript
277
star
4

react-native-snapchat-clone

JavaScript
106
star
5

react-native-keyboard-avoidance-examples

JavaScript
98
star
6

react-native-push-notification-how-to

Objective-C
95
star
7

react-native-splash-screen-demo

Objective-C
67
star
8

react-native-meteor-index

54
star
9

animated-react-native-flatlist-demo

JavaScript
53
star
10

demo-react-native-router-flux

JavaScript
49
star
11

react-nativegraphql-auth-client

JavaScript
30
star
12

searchable-react-native-flatlist

JavaScript
29
star
13

meteor-react-native-authentication

JavaScript
26
star
14

quick-meteor-react-native

Objective-C
23
star
15

react-native-dynamic-scrollview

Dynamically enable scrolling for a React Native ScrollView based on content height.
JavaScript
23
star
16

react-native-meteor-offline-example

JavaScript
21
star
17

offline-redux-actions

JavaScript
18
star
18

react-native-onesignal-example

Objective-C
17
star
19

getting-started-react-native-navigation

Objective-C
16
star
20

react-native-meteor-accounts

Objective-C
16
star
21

ex-navigation-to-react-navigation

JavaScript
14
star
22

navigation-comparison

Objective-C
11
star
23

react-native-bar-graph-animation-example

Objective-C
10
star
24

react-native-redux-meteor

JavaScript
10
star
25

react-navigation-enhancement-experiment

JavaScript
7
star
26

meteor-react-native-password-hashing

JavaScript
6
star
27

react-native-meteor-google-oauth

Objective-C
6
star
28

Instagram-Style-Double-Tap-with-React-Native

JavaScript
6
star
29

node-ddp-client

JavaScript
6
star
30

meteor-cordova-photolibrary

JavaScript
5
star
31

react-native-flat-list-grid-example

JavaScript
4
star
32

react-native-js-navigator-example

JavaScript
3
star
33

meteor-accounts-google-oauth

JavaScript
3
star
34

react-navigation-iphonex-test

JavaScript
2
star
35

next-expo-monorepo

TypeScript
1
star
36

cross-platform-button-react-native

JavaScript
1
star
37

dotfiles

Shell
1
star
38

react-native-image-fade-example

JavaScript
1
star
39

sanity-gatsby-blog

Blog with Gatsby
JavaScript
1
star
40

meteor-client-react-native

Objective-C
1
star