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
150
Fancy Acronyms for Fancy Architectures
Avatar for katfishi katfishi
0
240

Other Decks in Technology

See All in Technology
解析の定理証明実践＠Lean 4
Avatar for H Segawa dec9ue
1
190
Amazon Bedrockで実現する 新たな学習体験
Avatar for Kazuki Maeda kzkmaeda
2
660
Witchcraft for Memory
Avatar for pocke pocke
1
650
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
Avatar for MasahiroKawahara masahirokawahara
0
350
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
Avatar for Nagisa Yata nyata
0
310
rubygem開発で鍛える設計力
Avatar for Tomohiro Hashidate joker1007
2
260
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
4
170
5min GuardDuty Extended Threat Detection EKS
Avatar for takakuni takakuni
0
180
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
0
160
タイミーのデータモデリング事例と今後のチャレンジ
Avatar for Toshiki Tsuchikawa ttccddtoki
2
310
Beyond Kaniko: Navigating Unprivileged Container Image Creation
Avatar for Felix Dreissig f30
0
100
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
Avatar for sergicalsix sergicalsix
1
140

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
53k
Designing for Performance
Avatar for Lara Hogan lara
609
69k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
82
9.1k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.8k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k

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]