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

React Native Tutorial - NYC'15

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Alexander Kotliarskyi Alexander Kotliarskyi
March 26, 2015
Programming
5
1.4k

React Native Tutorial - NYC'15

Avatar for Alexander Kotliarskyi

Alexander Kotliarskyi

March 26, 2015
Tweet

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
Vuetify 3 → 4 何が変わった？差分と移行ポイント10分まとめ
Avatar for kouki.miura koukimiura
0
150
Understanding Apache Lucene - More than just full-text search
Avatar for Alexander Reelsen spinscale
0
130
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
Avatar for ハゲワシ hagevvashi
0
500
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
770
API Platformを活用したPHPによる本格的なWeb API開発 / api-platform-book-intro
Avatar for Takashi Kanemoto ttskch
1
150
それはエンジニアリングの糧である：AI開発のためにAIのOSSを開発する現場より / It serves as fuel for engineering: insights from the field of developing open-source AI for AI development.
Avatar for nrs nrslib
0
310
Claude Codeセッション現状確認 2026福岡 / fukuoka-aicoding-00-beacon
Avatar for monochromegane monochromegane
4
440
Fundamentals of Software Engineering In the Age of AI
Avatar for Dan Vega therealdanvega
2
260
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
3
400
Claude Code Skill入門
Avatar for maya mayahoney
0
400
RAGでハマりがちな"Excelの罠"を、データの構造化で突破する
Avatar for harumi harumiweb
9
2.9k
AIに任せる範囲を安全に広げるためにやっていること
Avatar for Masashi Fukuzawa fukucheee
0
150

Featured

See All Featured
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
200
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
800
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
220
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.4k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
790
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
5.7k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
160
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.9k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.1k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
320

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