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

Let's Talk React (Native)

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Steven Vandeweghe Steven Vandeweghe
September 21, 2016
Programming
1
140

Let's Talk React (Native)

Presentation for a joint Mobel (mobel.io) and CocoaHeads (cocoaheads.be) meeting about React and React Native. These slides are for the React part.

Avatar for Steven Vandeweghe

Steven Vandeweghe

September 21, 2016
Tweet

More Decks by Steven Vandeweghe

See All by Steven Vandeweghe
I Love Storyboards*
Avatar for Steven Vandeweghe bluecrowbar
0
110
Auto Layout
Avatar for Steven Vandeweghe bluecrowbar
0
130
Core Data to UIDocument for iCloud
Avatar for Steven Vandeweghe bluecrowbar
0
2.3k

Other Decks in Programming

See All in Programming
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
100
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
160
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
7
8.3k
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
760
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.5k
Vibe codingでおすすめの言語と開発手法
Avatar for uyuki uyuki234
0
220
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
380
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
760
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
240
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
540

Featured

See All Featured
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.2M
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
110
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
800
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Between Models and Reality
Avatar for mayunak mayunak
1
180
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
220
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k

Transcript

  1. None

  2. @bluecrowbar Steven Vandeweghe iOS developer

  3. background…

  4. By JavaScript,Pixabay - pixabay.com, CC BY 4.0, https:// commons.wikimedia.org/w/index.php?curid=49984167

  5. None

  6. never used

  7. not on

  8. reality distortion field

  9. time tracking app

  10. web macOS iOS Android

  11. web first

  12. why React?

  13. “learn once, write anywhere”

  14. “a javascript library for building user interfaces”

  15. I get it

  16. the basics…

  17. components

  18. render()

  19. JSX

  20. mount

  21. data external → this.props internal → this.state

  22. props

  23. state

  24. efficient?

  25. efficient? virtual DOM

  26. lifecycle functions

  27. render getInitialState getDefaultProps propTypes componentWillMount componentDidMount componentWillUnmount shouldComponentUpdate

  28. data?

  29. unidirectional data flow Image from Flux by Facebook

  30. None

  31. “you might not need Redux” — Dan Abramov https://medium.com/@dan_abramov/you-might-not-need-redux- be46360cf367#.4ea7e61oo

  32. Single source of truth

  33. State is read-only

  34. Changes are made with pure functions (reducers)

  35. None
  36. None

  37. demo

  38. tools

  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None

  48. Thanks!

  49. timeframeapp.com