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

Introduction to React Native

Avatar for katfishi katfishi
November 06, 2015
Technology
160
1

Introduction to React Native

Avatar for katfishi

katfishi

November 06, 2015

More Decks by katfishi

See All by katfishi
Timing is Everything
Avatar for katfishi katfishi
0
160
Fancy Acronyms for Fancy Architectures
Avatar for katfishi katfishi
0
240

Other Decks in Technology

See All in Technology
AI時代のアウトプット――変わったこと、変わらないこと / Devsumi 2026 Kansai #devsumi
Avatar for Junichi Ito jnchito
0
340
【GCC2026】大規模言語モデルを活用した内製検索サービスの社内展開や業務活用
Avatar for Bandai Namco Studios Inc. bandainamcostudios
PRO
0
350
まちスペース®とデジタルツインと「まちづくり」
Avatar for hiro_OGI hiro_ogi
0
130
AI画像認識を活用したゲーム内決済処理検証の自動化
Avatar for gree_tech gree_tech
PRO
0
100
老害フォレンジッカーはAI羊の夢を見るか？
Avatar for tadmaddad tadmaddad
0
360
同じWAFが、攻撃の“形”は弾く── 正当な“形”の不正は通す
Avatar for kuroneko kuroneko13
0
250
その“隠したつもり”が命取り ── 自前と平文をやめて「正解」に委ねる
Avatar for kuroneko kuroneko13
0
130
AIにブラウザを触らせて、E2EテストをPlaywrightで書く
Avatar for koji_kawamura koji_kawamura
0
210
My broken English still works: speaking at global OSS events
Avatar for Naruhiko Ogasawara naruoga
0
120
ハーレムエンジニアリング
Avatar for yamachan kazuma777777
0
190
도구에서 동료까지: 10년차 AI 스타트업의 AI 적응기
Avatar for Jeongkyu Shin inureyes
PRO
1
300
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
Avatar for SMS tech sms_tech
1
290

Featured

See All Featured
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
950
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
39k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
410
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k

Transcript

  1. Intro to React Native Katheryn Shi @Katfishi

  2. None

  3. React.js

  4. MVC

  5. declarative

  6. virtual DOM

  7. why?

  8. native is awesome

  9. UI

  10. gestures

  11. performance

  12. native is not awesome

  13. arranging

  14. compiling

  15. cross-platform

  16. React Native

  17. NVM curl -o- https://raw.githubusercontent.com/ creationix/nvm/v0.29.0/install.sh | bash Node.js run nvm

    install node && nvm alias default node Watchman brew install watchman Flow brew install flow

  18. $ npm install -g react-native-cli $ react-native init Pomodoro

  19. $ npm install -g react-native-cli $ react-native init Pomodoro

  20. Demos

  21. Pomodoro

  22. Navigation

  23. + Native

  24. Retrospective

  25. Resources • React Native site: https://facebook.github.io/ react-native/ • React.js site:

    https://facebook.github.io/react/ index.html

  26. Resources • JSX syntax: https://facebook.github.io/react/ docs/jsx-in-depth.html • Dynamically update your

    app: https:// medium.com/ios-os-x-development/so-you- want-to-dynamically-update-your-react-native- app-d1d88bf11ede

  27. @Katfishi github.com/katfishi [email protected]