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

Introduction to React Native

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
【Findy FDE登壇_2026_04_14】— 現場課題を本気で解いてたら、FDEになってた話
Avatar for Koji Miyata miyatakoji
0
880
ふりかえりを 「あそび」にしたら、 学習が勝手に進んだ / Playful Retros Drive Learning
Avatar for katoaz katoaz
0
440
新規サービス開発におけるReact Nativeのリアル〜技術選定の裏側と実践的OSS活用〜
Avatar for Takahiro Kato grandbig
2
180
2026-04-02 IBM Bobオンボーディング入門
Avatar for YutaNonaka yutanonaka
0
260
OpenClaw初心者向けセミナー / OpenClaw Beginner Seminar
Avatar for hiranofumio cmhiranofumio
0
380
Strands Agents × Amazon Bedrock AgentCoreで パーソナルAIエージェントを作ろう
Avatar for yoko / Naoki Yokomachi yokomachi
2
260
AIエージェントを構築して感じた、AI時代のCDKとの向き合い方
Avatar for Makky12 smt7174
1
150
ASTのGitHub CopilotとCopilot CLIの現在地をお話しします/How AST Operates GitHub Copilot and Copilot CLI
Avatar for AEON aeonpeople
1
210
Claude Teamプランの選定と、できること/できないこと
Avatar for ふくだ（fukuda ryu） rfdnxbro
1
1.9k
本番環境でPHPコードに触れずに「使われていないコード」を調べるにはどうしたらよいか？
Avatar for Sohei Iwahori egmc
1
270
Zero Data Loss Autonomous Recovery Service サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
4
14k
デシリアライゼーションを理解する / Inside Deserialization
Avatar for HASEGAWA Tomoki tomzoh
0
240

Featured

See All Featured
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
94
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
290
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
370
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
64
54k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
290
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k

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]