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.3k

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
780
React Native: Under the Hood
frantic
31
22k

Other Decks in Programming

See All in Programming
ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷衍させるアプローチのすゝめ
shinyaigeek
1
2.9k
Desafios e Lições Aprendidas na Migração de Monólitos para Microsserviços em Java
jessilyneh
2
140
Method Swizzlingを行うライブラリにおけるマルチモジュール設計
yoshikma
0
110
Appleの新しいプライバシー要件対応： ノーコードアプリ プラットフォームの実践事例
nao_randd
1
510
全力の跳躍を捉える計測アプリを作る
ogijun2018
1
1.3k
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
500
Mergeable Libraryで 高速なアプリ起動を実現しよう！
giginet
PRO
1
2.2k
オートマトン学習しろ / Do automata learning
makenowjust
3
110
ゲームボーイアドバンスでSwiftを動かそう
k_koheyi
0
540
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
610
RAGの回答精度評価用のQAデータセットを生成AIに作らせた話
kurahara
0
230
Swiftコードバトル必勝法
toshi0383
0
150

Featured

See All Featured
Done Done
chrislema
180
16k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Web Components: a chance to create the future
zenorocha
308
41k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
18k
How GitHub (no longer) Works
holman
310
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Fireside Chat
paigeccino
31
2.9k
Debugging Ruby Performance
tmm1
72
12k
Automating Front-end Workflow
addyosmani
1365
200k
YesSQL, Process and Tooling at Scale
rocio
167
14k

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