Pro Yearly is on sale from $80 to $50! »

Let's Talk React (Native)

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.

Cdaee8530af3550f5f3172805754be65?s=128

Steven Vandeweghe

September 21, 2016
Tweet

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