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

Introduction to React Native

katfishi
November 06, 2015
Technology
1
150

Introduction to React Native

katfishi

November 06, 2015
Tweet

More Decks by katfishi

See All by katfishi
Timing is Everything
katfishi
0
150
Fancy Acronyms for Fancy Architectures
katfishi
0
230

Other Decks in Technology

See All in Technology
Android Target SDK 35 (Android 15) 対応の概要
akkie76
0
150
Cypress or Playwright?
rainerhahnekamp
0
170
ルーターでプレゼンする
puhitaku
1
3.2k
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
210
今日からできる！簡単 .NET 高速化 Tips -2024 edition-
xin9le
7
3.6k
生産性向上チームの紹介
cybozuinsideout
PRO
1
910
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
2
280
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
790
The AI Revolution Will Not Be Monopolized: Behind the scenes
inesmontani
PRO
1
150
AOAI をきっかけに​ 社内の Azure 管理を見直した話​
recruitengineers
PRO
1
440
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
700
MixIT 2024 - Pulumi : Gérer son infra avec son langage de programmation préféré
ju_hnny5
1
120

Featured

See All Featured
The Mythical Team-Month
searls
216
42k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Visualization
eitanlees
137
14k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
Debugging Ruby Performance
tmm1
70
11k
Documentation Writing (for coders)
carmenintech
61
4k
From Idea to $5000 a Month in 5 Months
shpigford
378
45k
The Invisible Side of Design
smashingmag
294
49k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
Mobile First: as difficult as doing things right
swwweet
217
8.6k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k

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]