- React Native game changers for Digital Transformation - The trends and use cases for 2018 - Why digital transformers are switching to React Native By Solid State Group. For Business.

1. REACT NATIVE FOR THE
FUTURISTS
React Native game changers for Digital Transformation
The Trends for 2018
By Solid State Group. For Business.
SOLID STATE GROUP

2. APPS WHICH USE REACT NATIVE IN 2017
CONTENT & MEDIA
ECOMMERCE
B2B
MESSAGING
DATA VISUALISATION
MARKETPLACES
IOT
C. Solid State Group

3. WHY DIGITAL TRANSFORMERS SWITCH TO REACT NATIVE
Two platforms means
duplicate code
Duplicate code
exponentially complicates
shipping and debugging
Legacy code builds up
significant technical debt
Two teams work on one
app, doubling resource
costs
One codebase
One team
Javascript devs adapt easily
Combines smoothly with
native components
Open source with huge
community
A UX indistinguishable from
native, unlike pure JS solutions
High fidelity
C. Solid State Group
FAILINGS OF PURE NATIVE
DEVELOPMENT
BENEFITS OF REACT NATIVE

4. GAME CHANGERS
FOR REACT NATIVE
Navigation
Animations
Charts
C. Solid State Group

5. GAME CHANGERS FOR REACT NATIVE
React Native Navigation provides 100% native
platform navigation on both iOS and Android
for React Native apps.
The JavaScript API is simple and cross-
platform.
What It Does
REACT NATIVE
NAVIGATION BY WIX
Why Use It
It is recommended UX practice to use native
components for navigation. This library is a truly
native navigation, not a JS-based alternative.
https://github.com/wix/react-native-navigation
C. Solid State Group

6. GAME CHANGERS FOR REACT NATIVE
It enables designers to create and ship
animations without resorting to a developer.
It does this by parsing Adobe After Effects
animations and rendering them natively on
mobile.
What It Does
LOTTIE WRAPPER FOR
REACT NATIVE BY AIRBNB
Why Use It
Lottie provides a better alternative to gifs, which are
double the file size and do not scale to screen size.
Animations greatly enhance the user experience.
https://github.com/airbnb/lottie-react-native
Lottie is named for Lottie
Reiniger, who made unique
animated films in the 1920s
C. Solid State Group

7. GAME CHANGERS FOR REACT NATIVE
What It Does
REACT NATIVE CHARTS
WRAPPER
Why Use It
It enables apps to render an infinite set of
data while still remaining performant at a
high level.
https://github.com/wuxudong/react-native-charts-wrapper
C. Solid State Group
This library is a React Native wrapper for the
charting libraries for android and iOS.
It bridges smoothly with the native charting
libraries.
IOS Pie Chart
Android Pie Chart

8. REACT NATIVE IN 2018
Augmented Reality
A basic bridge already exists between ARCore/ARKit and
React Native - testament to the community's ability to
support AR APIs, improve and stay on top of the latest
innovations - but there is much more to come.
Use cases in 2018 will include: AR for industrial training,
OEM product sales, and real estate planning.
SDKs
App development will switch from custom to SDK-
dependent in order to cut costs and increase velocity,
increasing reliance on React Native.
Community
React Native is a huge open source community. In 2018
more B2C brands will champion and develop it; React
Native will thus become more mature with a better-
supported ecosystem.
C. Solid State Group

9. REACT NATIVE GROWTH
Google Trends for React Native
0
25
50
75
100
Q
3
2016Q
4
2016Q
1
2017Q
2
2017Q
3
2017Q
4
2017
4th Most Starred Repo on Github
Custom
20%
SDKs
80%
C. Solid State Group
0k
15k
30k
45k
60k
Javascript
A
ngular.js
G
itignore
R
eactN
ative
Custom Code V SDK
Custom
80%
SDKs
20%
Current Prediction

10. USE CASES IN 2018
C. Solid State Group
V.2. React Native Navigation
From Airbnb
Industrial TrainingOEM Product Sales
In-Car Technology
Real Estate Planning

11. REACT NATIVE ARCHITECTURE IS SPREADING
C. Solid State Group
For digital transformation, streamlined dev
teams working in harmony can be the hardest
human element to achieve.
As React Native spreads, product managers can
consolidate developers across web, mobile and
IoT projects, all working on the same codebase
and business logic.
React Native for macOS Apps
React Native for Windows
10 Apps
github.com/ptmt/react-native-macos
github.com/Microsoft/react-native-windows

12. REACT NATIVE AND SOLID STATE GROUP
solidstategroup.com/what-we-do/dugout-fc/
C. Solid State Group
Dugout FC hired us to build web and mobile
apps for their brand new fantasy football game.
It presented incredibly complex problems, such
as handling a real-time, turn-based team
selection process and delivering live fantasy
football scores – and they gave us 6 months to
make it.
Our team chose to use React Native: the perfect
tactical approach, which produced premier
league results.

13. CONTACT US
THANK YOU
FOR YOUR TIME!
Kindly get in touch to let us know if you have any questions.
Solid State design and build digital products for corporates & SMEs.
www.solidstategroup.com/contact
twitter.com/solidstategroup