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

Introduction to React Native

Avatar for katfishi katfishi
November 06, 2015
Technology
1
160

Introduction to React Native

Avatar for katfishi

katfishi

November 06, 2015
Tweet

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
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
430
入社1ヶ月でデータパイプライン講座を作った話
Avatar for Yuta Ozaki waiwai2111
1
250
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
350
オープンウェイトのLLMリランカーを契約書で評価する / searchtechjp
Avatar for Sansan R&D sansan_randd
3
650
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
160
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
Avatar for you（@youtoy） you
PRO
0
290
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
0
110
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
360
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
Avatar for ZOZO Developers zozotech
PRO
5
4.8k
Databricks Free Edition講座 データサイエンス編
Avatar for Takaaki Yayoi taka_aki
0
290
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
Avatar for 高棹大樹 daitak
0
320

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
110
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
900
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.9k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k

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]