@bluecrowbar

Steven Vandeweghe iOS developer

background…

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

never used

not on

reality distortion field

🤕

time tracking app

web macOS

iOS Android

web first

why React?

“learn once, write anywhere”

“a javascript library for building user interfaces”

I get it

the basics…

components

render()

JSX

mount

data

external → this.props internal → this.state

props

state

efficient?

efficient?

virtual DOM

lifecycle functions

render getInitialState

getDefaultProps propTypes

componentWillMount componentDidMount

componentWillUnmount shouldComponentUpdate

data?

unidirectional data flow

Image from Flux by Facebook

“you might not need Redux”

— Dan Abramov

https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367#.4ea7e61oo

Single source of truth

State is read-only

Changes are made with pure functions

(reducers)

demo

tools

Thanks!

timeframeapp.com