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

Thinking metrics on React apps

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

Thinking metrics on React apps

Avatar for Jean Carlo Emer

Jean Carlo Emer

October 27, 2016
Tweet

More Decks by Jean Carlo Emer

Other Decks in Technology

Transcript

  1. @PureRender class PageView extends Component { static propTypes = {

    location: PropTypes.object.isRequired } componentDidMount() { const { action, state } = this.props.location trackPageView(action, state) } componentDidUpdate() { /* */ } }
  2. <Playlist /> <Recommendation /> <Video 
 metrics="playlist" /> is a

    list of <Video 
 metrics="recommendation" /> is a list of
  3. class Video extends Component { static contextTypes = { linkMetrics:

    PropTypes.object } render() { const state = { metrics: this.context.linkMetrics } return <Link state={state}>/* ... */</Link> } }