Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Native Tutorial - NYC'15

Alexander Kotliarskyi
March 26, 2015
Programming
5
1.2k

React Native Tutorial - NYC'15

Alexander Kotliarskyi

March 26, 2015
Tweet

More Decks by Alexander Kotliarskyi

See All by Alexander Kotliarskyi
Building Stellar User Experiences with React Native
frantic
2
710
React Native: Under the Hood
frantic
31
22k

Other Decks in Programming

See All in Programming
Node.js v22 で変わること
yosuke_furukawa
PRO
9
3.5k
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
見た目から始める生産性向上
ikumatadokoro
7
850
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
2
760
Ruby Function Composition
bkuhlmann
1
330
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
190
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
2
200
Polars入門
daikikatsuragawa
1
100
Git Rebase
bkuhlmann
11
1.6k
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
0
250
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
1
180
1BRC--Nerd Sniping the Java Community
gunnarmorling
0
340

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
Faster Mobile Websites
deanohume
299
30k
Automating Front-end Workflow
addyosmani
1356
200k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Code Reviewing Like a Champion
maltzj
514
39k
Teambox: Starting and Learning
jrom
128
8.4k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
The Cost Of JavaScript in 2023
addyosmani
16
3.9k
Atom: Resistance is Futile
akmur
259
25k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k

Transcript

  1. React Native Alex Kotliarskyi frantic/nyc-2015

  2. Why we love native apps?

  3. Why we love native apps? • Great experiences

  4. Why we love native apps? • Great experiences • Complex

    gestures and animations

  5. Why we love native apps? • Great experiences • Complex

    gestures and animations • Consistent with the platform

  6. Scrolling

  7. Building native apps is hard

  8. Building native apps is hard • Different stacks of technologies

    Programming languages, tools, libraries, memory management, threading, networking, UI layout and animations, best practices, etc.

  9. 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

  10. 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

  11. 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
  12. None

  13. Web solves development problems

  14. Web • Different stacks of technologies • No code sharing

    • Low iteration speed • Hard to scale HTML CSS JS

  15. Web • Different stacks of technologies • No code sharing

    • Low iteration speed • Hard to scale ∞
 JS LIBS


  16. Web • Different stacks of technologies • No code sharing

    • Low iteration speed • Hard to scale CHANGE ↓ REFRESH

  17. Web • Different stacks of technologies • No code sharing

    • Low iteration speed • Hard to scale
  18. None

  19. 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

  20. Great development process Awesome feeling native UIs

  21. React Native

  22. DOM React is already incredibly abstract

  23. UIKit UIKit as a backend

  24. <div> ! <View> <img> ! <Image> Inline Text ! <Text>

    <ScrollView> <DatePickerIOS> <MapView>

  25. Write once run anywhere

  26. Learn once, write anywhere

  27. React Native is working for us native.reactjs.com

  28. Tutorial frantic/nyc-2015