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
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
270
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.8k
30万人の同時アクセスに耐えたい！新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
Avatar for GENDA genda
1
350
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
Avatar for みのるん minorun365
4
150
（金融庁共催）第4回金融データ活用チャレンジ勉強会資料
Avatar for tak takumimukaiyama
0
140
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
210
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
Avatar for Sashimimochi sashimimochi
0
150
月間数億レコードのアクセスログ基盤を無停止・低コストでAWS移行せよ！アプリケーションエンジニアのSREチャレンジ💪
Avatar for miyamu miyamu
0
820
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
330
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
300
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k

Featured

See All Featured
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
110
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
100
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
It's Worth the Effort
Avatar for 3n 3n
188
29k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
130
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k

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]