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

React Native Tutorial - NYC'15

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Alexander Kotliarskyi Alexander Kotliarskyi
March 26, 2015
Programming
1.4k
5

React Native Tutorial - NYC'15

Avatar for Alexander Kotliarskyi

Alexander Kotliarskyi

March 26, 2015

More Decks by Alexander Kotliarskyi

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

Other Decks in Programming

See All in Programming
My daily life on Ruby
Avatar for Akira Matsuda a_matsuda
3
330
PHPでローカル環境用のSSL/TLS証明書を発行することはできるのか？ #phpconkagawa
Avatar for akase244 akase244
0
360
tRPCの概要と少しだけパフォーマンス
Avatar for Keigo Ebihara misoton665
2
270
Claude CodeでETLジョブ実行テストを自動化してみた
Avatar for yoshiki kasama yoshikikasama
0
1.2k
AI時代だからこそ「Bloc」を採用する価値があるのかもしれない
Avatar for takuro abe takuroabe
0
170
AI時代のエンジニアリングの原則 / Engineering Principles in the AI ​​Era
Avatar for haru860 haru860
0
1.2k
Import assertionsが消えた日～ECMAScriptの仕様はどう決まり、なぜ覆るのか～
Avatar for おおいし bicstone
2
180
クラウドネイティブなエンジニアに向ける Raycastの魅力と実際の活用事例
Avatar for Nealle nealle
2
260
ハーネスエンジニアリングとは？
Avatar for kinopee kinopeee
13
7k
AgentCore Optimizationを始めよう！
Avatar for matsukada licux
3
240
Liberating Ruby's Parser from Lexer Hacks
Avatar for ydah ydah
2
2.7k
AIと共に生きる技術選定 2026
Avatar for Sugar Sato sgash708
0
140

Featured

See All Featured
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.9k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
160
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
130
Between Models and Reality
Avatar for mayunak mayunak
4
290
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
390
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k

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