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.

Transcript

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
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
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)
37. demo
38. tools
48. Thanks!
49. timeframeapp.com