ronal2do

Bridging Native & React for iOS & Android

js -> native

• Simple Example
• Callbacks
• Promises
• Properties

native -> js

ronal2do

#

ronal2do

// ES6 module syntax
import LocalizedStrings from 'react-native-localization';

let AppStrings = new LocalizedStrings({
  'en-US': {
    settingMenuOptionOne: 'Centimeters ({0})',
  },
  en: {
    settingMenuOptionOne: 'Centimeters ({0})',
  },

ronal2do

import React from 'react'
import { renderToString, renderToStaticMarkup } from 'react-dom/server'
import ApolloClient, { createNetworkInterface,  } from 'apollo-client'
import { ApolloProvider, getDataFromTree } from 'react-apollo'

// Apollo Setup
const networkInterface = createNetworkInterface({
  uri: process.env.GRAPHCOOL_API
})

ronal2do

const cameraValid = camera =>
  camera && camera.geometry && Array.isArray(camera.geometry.coordinates);

// Workaround for Mapbox issue
// https://github.com/mapbox/react-native-mapbox-gl/issues/1126
export const enforceIntegerPadding = padding =>
  padding.map(value => parseInt(value, 10));

export const isValidBounds = camera =>
  camera &&

ronal2do

// Here is a function that I use all the time when creating public
// async APIs in JavaScript:
const resolvePromise = (promise, callback) => {
  if (callback)
    promise.then(value => callback(null, value), callback)

  return promise
}

// Sometimes I like to use callbacks, but other times a promise is

ronal2do

const DOUBLE_PRESS_DELAY = 300;

// ...

/**
 * Double Press recognition
 * @param  {Event} e
 */
handleImagePress(e) {
  const now = new Date().getTime();

ronal2do

Install MongoDB on macOS Sierra

This procedure explains how to install MongoDB using Homebrew on macOS Sierra 10.12.
Official MongoDB install documentation: here

Install Homebrew

• Installing Homebrew is effortless, open Terminal and enter :
  $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

ronal2do

import paramsToProps from 'paramsToProps.js'

const MainNavigator = StackNavigator({
  firstScreen:  { screen: paramsToProps(FirstScreenComponent) },
  secondScreen: { screen: paramsToProps(SecondScreenComponent) },
});

ronal2do

import paramsToProps from 'paramsToProps.js'

const MainNavigator = StackNavigator({
  firstScreen:  { screen: paramsToProps(FirstScreenComponent) },
  secondScreen: { screen: paramsToProps(SecondScreenComponent) },
});