React Native allows developers to build native mobile applications using JavaScript and React, producing apps that are indistinguishable from those developed with traditional languages like Objective-C or Java. It features hot reloading for faster development without recompilation and integrates smoothly with native code for optimization. To connect React Native with Salesforce, developers can use the Salesforce Mobile SDK and must include specific dependencies in their package.json file.

1. © 2017, Right IT Services. All rights reserved © Right IT Services. All rights reserved © Right IT Services. All rights reserved
React Native and Salesforce
Tuesday, March 13th 2018

2. 22
React Native
Build native mobile apps using JavaScript and React
React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI
from declarative components.
A React Native app is a real mobile app
With React Native, you don't build a "mobile web app", an "HTML5 app", or a "hybrid app". You build a real mobile app that's
indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular
iOS and Android apps. You just put those building blocks together using JavaScript and React.
Don't waste time recompiling
React Native lets you build your app faster. Instead of recompiling, you can reload your app instantly. With Hot Reloading, you can
even run new code while retaining your application state.
Use native code when you need to
React Native combines smoothly with components written in Objective-C, Java, or Swift. It's simple to drop down to native code if
you need to optimize a few aspects of your application. It's also easy to build part of your app in React Native, and part of your app
using native code directly - that's how the Facebook app works.
React Native and Salesforce
React Native and Salesforce

3. 33
Salesforce
Following the instructions on https://developer.salesforce.com/docs/atlas.en-
us.mobile_sdk.meta/mobile_sdk/react_native_intro.htm
To link React Native with Salesforce, use Salesforce Mobile SDK: https://github.com/forcedotcom/SalesforceMobileSDK-
ReactNative.git
This must be added in package.json file:
"react-native-force": https://github.com/forcedotcom/SalesforceMobileSDK-ReactNative.git
What is package.json? Where you define the external libraries to be downloaded (into nodes_module folder) and ready to be used in
your React Native project which results into:
React Native and Salesforce
React Native and Salesforce
Image Source: Reddit

4. © 2017, Right IT Services. All rights reserved Rua Odette Saint Maurice Lote 3B | Edifício L | Escritório A | Piso -1 | 1700-097 Lisboa | Portugal | +351 218 232 261
WHEN YOU HAVE TO DO IT, DO IT RIGHT
© Right IT Services. All rights reserved Rua Odette Saint Maurice Lote 3B | Edifício L | Escritório A | Piso -1 | 1700-097 Lisboa | Portugal | +351 218 232 261
WHEN YOU HAVE TO DO IT, DO IT RIGHT
© Right IT Services. All rights reserved Rua Odette Saint Maurice Lote 3B | Edifício L | Escritório A | Piso -1 | 1700-097 Lisboa | Portugal | +351 218 232 261
React Native and Salesforce
Tuesday, March 13th 2018
Miguel Duarte – Technical Architect