Powerful 3rd Party (a must have) Components of React Native. Get the Zhopout app here http://bit.ly/zhopoutapp-demo

1. POWER OF
REACT NATIVE
R E A C T N A T I V E C H E N N A I
hopoutMURUGAN DURAI, FOUNDER,

2. LET'S GET
STARTED
hopout

3. REACT NATIVE
POWER COMPONENTS
B U G S N A G A I R B N B - M A P S M S - C O D E P U S H F A C E B O O K - S D K
hopout

4. BUGSNAG
Capture all application crashes &
diagnostic data.
Grouping of errors based on root cause
with details like frequency of error,
users impacted.
Get stacktrace of the code that
crashed, user & environment details
like device manufacturer, model, OS
details
Can be integrated with Trello, Asana,
Slack, Github, Gitlab, JIRA, etc.
https://docs.bugsnag.com/platforms/r
eact-native/
hopout

5. CODEPUSH
Deploy mobile app updates directly to
user devices without requiring re-
building & re-distributing app
packages to app stores.
A cloud service acting as a central
repository, publish JSX & image
updates to devices.
CodePush CLI commands will handle
bundling of javaScript, asset files to
release updates to the server.
Code can be pushed to staging &
production environment.
http://microsoft.github.io/code-
push/docs/getting-started.htmlhopout

6. AIRBNB MAPS
React Native Map components for
both Android and iOS.
Support for Google Maps, Apple Maps
in iOS and Google Maps in Android
Rendering the mapview with events,
markers, style and animation is a
piece of cake.
Can customize the markers with
images, views and callouts.
Also overlaying of shapes like polygon,
polyline, circle and tiles overlay is
possible
https://github.com/airbnb/react-
native-maps

7. FACEBOOK SDK
The Facebook SDK for React Native is a
wrapper around the Facebook SDKs for
iOS and Android, allowing for Facebook
integration in native apps.
Access to native components, such as
login and sharing through JavaScript
modules.
Support for Facebook Graph API is
available.
Analytics for apps is supported with
Facebook events which allows to
measure your audience & reach specific
users with FB mobile app ads.
https://developers.facebook.com/docs/re
act-native
hopout

8. DEMO
FROM GOOGLE PLAY STORE &
CHECK FACEBOOK LOGIN, MAPS & AUTO-CHECK-IN
hopoutGet

9. QUESTIONS
hopout

10. THANKS
MURUGAN@ZHOPOUT.COM
hopout