Slide 1
Slide 1 text
React Native
Alex Kotliarskyi
frantic/nyc-2015
Slide 2
Slide 2 text
Why we love native apps?
Slide 3
Slide 3 text
Why we love native apps?
• Great experiences
Slide 4
Slide 4 text
Why we love native apps?
• Great experiences
• Complex gestures and animations
Slide 5
Slide 5 text
Why we love native apps?
• Great experiences
• Complex gestures and animations
• Consistent with the platform
Slide 6
Slide 6 text
Scrolling
Slide 7
Slide 7 text
Building native apps is hard
Slide 8
Slide 8 text
Building native apps is hard
• Different stacks of technologies
Programming languages, tools, libraries, memory management,
threading, networking, UI layout and animations, best practices, etc.
Slide 9
Slide 9 text
Building native apps is hard
• Different stacks of technologies
Programming languages, tools, libraries, memory management,
threading, networking, UI layout and animations, best practices, etc.
• No code sharing
Slide 10
Slide 10 text
Building native apps is hard
• Different stacks of technologies
Programming languages, tools, libraries, memory management,
threading, networking, UI layout and animations, best practices, etc.
• No code sharing
• Low iteration speed
Slide 11
Slide 11 text
Building native apps is hard
• Different stacks of technologies
Programming languages, tools, libraries, memory management,
threading, networking, UI layout and animations, best practices, etc.
• No code sharing
• Low iteration speed
• Hard to scale
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
Web solves development
problems
Slide 14
Slide 14 text
Web
• Different stacks of
technologies
• No code sharing
• Low iteration speed
• Hard to scale
HTML
CSS
JS
Slide 15
Slide 15 text
Web
• Different stacks of
technologies
• No code sharing
• Low iteration speed
• Hard to scale
∞
JS LIBS
Slide 16
Slide 16 text
Web
• Different stacks of
technologies
• No code sharing
• Low iteration speed
• Hard to scale
CHANGE
↓
REFRESH
Slide 17
Slide 17 text
Web
• Different stacks of
technologies
• No code sharing
• Low iteration speed
• Hard to scale
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
Why web apps on the phone are not great?
• Very hard to provide great experiences
• Not designed for complex gestures
• Impossible to make consistent with the platform
Slide 20
Slide 20 text
Great development process
Awesome feeling native UIs
Slide 21
Slide 21 text
React Native
Slide 22
Slide 22 text
DOM
React is already
incredibly abstract
Slide 23
Slide 23 text
UIKit
UIKit as a backend
Slide 24
Slide 24 text
!
![]()
!
Inline Text !
Slide 25
Slide 25 text
Write once
run anywhere
Slide 26
Slide 26 text
Learn once,
write anywhere
Slide 27
Slide 27 text
React Native is working for us
native.reactjs.com
Slide 28
Slide 28 text
Tutorial
frantic/nyc-2015