Thinking metrics on
 React apps @jcemer

I work on GloboPlay.
 globo.com

No content

No content

React Router 2.0 & Server side render & Client side user login

1. How can we 
 track our traffic with Google Analytics?

@PureRender class PageView extends Component { static propTypes = { location: PropTypes.object.isRequired } componentDidMount() { const { action, state } = this.props.location trackPageView(action, state) } componentDidUpdate() { /* */ } }

2. How can we 
 analyse custom data?

Global metrics data:
 user account info & app version

function handleStateChangeOnClient(vars) { setMetricsDataLayer(vars) } export default withSideEffect( reducePropsToState, handleStateChangeOnClient )(DocumentMetrics) https://github.com/ gaearon/react-side-effect

3. How can we track the user navigation flow?

Playlist Recommendation

Component metrics:
 playlist or
 other lists

is a list of is a list of

is a list of is a list of

https://facebook.github.io/ react/docs/context.html

class Video extends Component { static contextTypes = { linkMetrics: PropTypes.object } render() { const state = { metrics: this.context.linkMetrics } return /* ... */ } }

* redux should be 
 an option too

Components React side effect Context

Thank you! @jcemer