Coder Social home page Coder Social logo

react-native-meteor-boilerplate's Introduction

React Native - Meteor Boilerplate

A starting point for integrating a React Native app with a Meteor app. I've used this file structure in large, multi-developer projects.

Note #1: This project only specifies an opinion on the React Native project architecture.

Getting started with Meteor

  1. Make sure you have Meteor installed.
  2. After cloning the repo, cd MeteorApp/ && meteor

Getting started with React Native

  1. Make sure you have React Native installed.
  2. After cloning the repo, cd RNApp/ && npm install

Running on iOS

In the Simulator

From the RNApp/ directory you can run npm run ios. This will start the react native packager and open up Xcode. The default configurations in app/config.js should work fine for you. The press the play button in Xcode.

On a Device

In RNApp/ios/RNApp/AppDelegate.m change the the jsCodeLocation line and swap out localhost for your machine's IP Address. You can get your IP Address by running ipconfig getifaddr en1.

You'll also have to change the host option in app/config.js to be your machine's IP Address.

Then npm run ios to open Xcode.

Then plug your phone into your machine and select your device in Xcode. Press the play button in Xcode. Make sure you device is unlocked

Running on Android

In the Simulator

First you'll have to change the host option in RNApp/app/config.js to your Meteor server's IP address. While developing this will likely be your machine. On OSX you can get your IP address by running ipconfig getifaddr en1 in a terminal window.

Once you've done that (and following successful completion of the React Native Android Installation) you can run react-native run-android to get the app running.

Note: You have to have the android simulator running before running react-native run-android.

On a Device

HELP REQUESTED: I don't have an Android device so I can't test this out.

Project Organization

If you're interested in seeing why the React Native project is organized the way it is please refer to this document.

The Meteor project is completely up to you at this point.

Technologies Used

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.