Rapid Mobile Development
with React Native
19th April 2017
Slide 2
Slide 2 text
I’m Simon
JavaScript and React Enthusiast
Founder and CTO - KodeFox, Inc.
Twitter: @sstur_
Slide 3
Slide 3 text
What is React Native
Lets’ start with:
Slide 4
Slide 4 text
React Native
Enables you to build high quality
native iOS and Android applications
easily and quickly.
Slide 5
Slide 5 text
React Native is free and
open source.
It was built at Facebook.
Slide 6
Slide 6 text
Developer Experience
Using React Native + Expo you can build for
iOS and Android without ever opening
Android Studio or Xcode and you don’t even
need a Mac.
Slide 7
Slide 7 text
Developer Joy
•High performance compared with other cross-
platform frameworks
•Exceptional developer experience compared with
native iOS/Android
•Easy to get started
Slide 8
Slide 8 text
React Web vs React Native
Slide 9
Slide 9 text
Expo
Expo is essentially a set of tools around React Native.
• Extended access to native features (e.g. push
notifications)
• Easily Building and Running on Devices
• Deployment
Slide 10
Slide 10 text
Getting Started
1) Start a project using create-react-native-app
Slide 11
Slide 11 text
Getting Started
2) Open your favorite editor and hack on some code.
Slide 12
Slide 12 text
Getting Started
3) Run on your device: npm start
Slide 13
Slide 13 text
This is where the Magic happens.
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
We can run a native app effortlessly.
(as easy as loading a webpage)
Slide 17
Slide 17 text
Let’s try it now…
Slide 18
Slide 18 text
[Bonus] Snack…
Slide 19
Slide 19 text
This approach gives us:
Everything React Native provides, PLUS:
• Audio
• Simple Push Notifications
• QR code reader
• Accelerometer
• Map View
• Video
• Camera / Image Picker
• SVG
• Location services
• Social Login
Slide 20
Slide 20 text
Publishing
Several Options:
• Easily publish on the Expo platform
• Build a standalone app for submitting to the App/Play Store
• Detach and then use Xcode or Android Studio
Slide 21
Slide 21 text
When to use React Native
• When you want a great developer experience.
• When you want high performance cross-platform.
• Always.
Slide 22
Slide 22 text
Benefits:
• Easy to get started
• Rapid Prototyping
• Over the air updates (Code Push)
• Easily send clients a demo of your app during development.
• Cross platform
• … much more
Slide 23
Slide 23 text
Thanks for Listening!
simon@kodefox.com
github.com/sstur
@sstur_
Special Thanks to: