Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Let's Talk React (Native)

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
Cell-Based Architecture
Avatar for Luram Archanjo larchanjo
0
120
LLMで複雑な検索条件アセットから脱却する！！ 生成的検索インタフェースの設計論
Avatar for po3rin po3rin
3
720
【CA.ai #3】Google ADKを活用したAI Agent開発と運用知見
Avatar for Kazuki Hara harappa80
0
310
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
Avatar for Selçuk Usta selcukusta
0
120
手軽に積ん読を増やすには？/読みたい本と付き合うには？
Avatar for hideki kinjyo o0h
PRO
1
170
안드로이드 9년차 개발자, 프론트엔드 주니어로 커리어 리셋하기
Avatar for Seungmin 마량 maryang
1
110
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
Avatar for n0bisuke n0bisuke2
2
990
著者と進める！『AIと個人開発したくなったらまずCursorで要件定義だ！』
Avatar for yasuna yasunacoffee
0
130
テストやOSS開発に役立つSetup PHP Action
Avatar for Atsushi Matsuo matsuo_atsushi
0
150
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
Avatar for syumai syumai
6
2.2k
関数実行の裏側では何が起きているのか？
Avatar for minop1205 minop1205
1
690
AtCoder Conference 2025「LLM時代のAHC」
Avatar for Yuki Imajuku imjk
2
470

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
19k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
800
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
76
5.2k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k

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