Check out this presentation to know all whys and how on building your mobile app using React Native. How can React Native development boost your mobile app idea? How is the framework different from native development? Is it a worthy alternative to Java or Swift app development?
If you are interested in React Native mobile app development, check out the following information: https://apiko.com/technologies/react-native-mobile-app-development/
3. BRIEF STORY
React Native has forked from React, the open source library
which had been developed by Facebook engineers.
React was introduced in 2013 by Jordan Walke, as the way to create
well-performant web and cross-platform apps mostly.
React Native (released in 2015), in its turn, primarily concentrates
on the native mobile apps development.
3
4. TECHNOLOGY CHARACTERISTICS
React Native is a JavaScript-based open-source framework
for building app’s UI. The most special feature about React Native
is that it allows to write one code which suits for both platforms
iOS and Android.
Among React Native users there are Facebook (obviously), Instagram,
AirBnb, Walmart, Tesla, Skype, etc.
The further read will introduce you more pros and cons
of this technology.
4
5. REACT NATIVE GAINS
One code that can be used for both technologies, iOS and
Android. This advantage saves you resources and time
if compared to native development separately
for iOS or Android.
5
React Native-developed functionality integration with
the existing native application.
(React Native code integration/code sharing with the native code).
6. REACT NATIVE GAINS
Truly native applications (not the hybrid ones) can be as well-
performant as Swift/Java native-based apps
6
Hot reloading option for instant display of any code alterations.
There’s no need to recompile the code anymore.
7. REACT NATIVE PAINS
The process of integration with the native app might be complicated
because of the ‘bridging’ process (connecting the natively-developed part
of the app with React Native-powered functionality).
The process should be done sequentially.
The same refers to the migration from a native app to a React Native one.
7
The version update process might be accompanied by bugs and
APIs incompatibility
8. REACT NATIVE PAINS
It doesn’t suit for heavily-computed apps (for now). Or as an alternative,
native code integration with React Native can be implemented for large,
ultra-performing corporate apps. Beware though, since it might be the
source of more bugs to fix.
8
Facebook ownership. Some might consider it as a drawback,
since the technology legally depends on the social media giant.
9. TOOLS FOR THE EFFICIENT
REACT NATIVE DEVELOPMENT
9
mobx
Devtools
Devtools
DevtoolsRemote
Devdocs.io
TOOLS
an open-source set of tools for React Native development
an open-source JavaScript library for app’s state management
an open-source pluggable linting entity for JavaScript, codestyle management tool
a tool for React components observation and management
a set of tools when developing with React Native + Redux
a remote version of Redux devtools that can be used on any platform
an open-source collection of different development tools API documentations
10. TOOLS FOR THE EFFICIENT
REACT NATIVE DEVELOPMENT
10
recompose
redux-actions
redux-persist
LIBRARIES
a utility belt for React components
Flux action objects utilities for Redux
a persisted store for saving Redux state objects
reselect Redux selectors library
11. TOOLS FOR THE EFFICIENT
REACT NATIVE DEVELOPMENT
11
React Navigation
react-native-keyboard-aware-scroll-view
react-native-swipeout
MODULES
a library of navigation views for React Native
a ScrollView component that handles keyboard
iOS-style swipeout buttons
React Native Modal a customizable and animated extension of the original React Native modal
And that’s not a complete list. We’re open to any offers regarding React Native tools
you have in mind.
13. 13
b2b platform for facility & property
management
It is a second generation platform designed for the facility and property management
industry. Its primary role is to coordinate the intake, dispatch, completion and reporting of
required building services.
Background
Our Client has applied to Apiko Team to deliver web, mobile, and GraphQL server to
coordinate the intake, dispatch, completion, and reporting of required building services. In
general, the app receives incoming or contract requests from clients.
Target Audience
Facility Manager (ABM: Building Maintenance and Facility Services)
Property Owner (BMW USA)
Currently, Apiko Team is developing the mobile application for Technicians for ABM corporation.
What does POLY MOBILE TECHNICIAN do?
The application allows ABM contractors (suppliers) manage their work and provide both the
end user (in our current case it's the BMW company) and contractor company with
the complete and in-depth report.
14. 14
b2b platform for facility & property
management
Contractor's dashboardAuthentication & authorization
Advanced search
With the help of the app, the
contractor can:
Search work orders
Estimate and track time
spending on work orders (time
tracker + calendar)
Scan and manage assets, filter
them by property
Update the status on work
order completion and check
the history of work orders
Upload the assest file
15. 15
b2b platform for facility & property
management
Upload files, images, video Upload asset details file Asset details
16. 16
healthcare real-time mobile app
Background
A client has requested the development of the mobile medical app with real-time
communication features included. The app aims to allow conduct video, audio calls,
messaging and files sharing between the medical staff and between a doctor and a patient
in the live mode.
As a result, the mobile application comes like both, an online consulting app and a care
coordination product. Apart from this, one of the tasks is to integrate the product with
medical devices, like weight scales, blood pressure monitor, and other medical wearables.
Target Audience
Medical workers of different specializations
Patients
Healthcare app
17. 17
healthcare real-time mobile app
A patient can take body and health
indicators measurements (e.g., blood
pressure, body temperature, ECG
measurements) and share them with
their doctor in the real-time mode.
Notifications system. If patient’s
health indicators are somehow
unstable, the doctor is immediately
notified.
Update, stream, share
health indicators
Check the history of
patient's measurements
Healthcare app
Healthcare app
18. 20
consulting platform
It’s a consulting platform designed to connect with the business advisors,
consultants, and opinion makers in order to receive the professional consultation
in a particular industry.
Background
A Customer has partnered with Apiko to deliver a mobile application that
allows to collaborate with the top influencers. Get the professional expertise
from the first person.
Target Audience
Consultant
Startuper, Student, Business Owner
21. REACT NATIVE DEVELOPMENT
PRICE LIST
With React Native development for both platforms, you can save
investment, starting from 35%. This percentage also depends on the project
itself, especially on how much source code can be reusable for both
platforms according to its functionality. In general, if the application doesn't
have specific features which are related to one platform, you can save 40%
of initial budget.
For instance, you’ve got the project the Native development of which
costs $ 50K (for both mobile OS’s).
With RN you can lower the cost to ~ $30K, which means you can save ~
$20K. But! The proportion strongly depends on how intensively you will
reuse the code.
23
22. SUMMARY
As you can see, React Native is more than just a suitable platform for the
development of scalable apps and marketplace platforms, which can work
in an on-demand mode. With the help of the represented framework,
you can provide more than the standard, default app functionality and
supply your devs team with the top technologies and tools.