Thinking metrics on React applications

on YouTube ↗05m

" summary

GloboPlay uses React Router 2.0 with server rendering and Google Analytics; a small page view component calls GA on componentDidMount and records pageviews. A separate document metrics component pushes user/account info into GA custom dimensions via react-side-effect. Navigation provenance uses a link metric via context passed through nested components to label clicks (playlist vs recommendation). No Redux is used, the component ecosystem preserves global state and successfully tracks user flow across client routes.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 0:05Thinking metrics on React apps @jcemer
3. 0:25React Router 2.0 & Server side render & Client side user login
4. 0:37How can we track our traffic with Google Analytics?
5. 1:25How can we analyse custom data?
6. 1:39Global metrics data user account info & app version
7. 2:31How can we track the user navigation flow?
8. 4:38Components React side effect Context

" related talks

• 18mReact and WebGLRicky Vetter · React Rally 2015
• 10mThe Tell-Tale Metric: Replatforming with Edgar Allan PoeDavid Carter, Simon Dudley · React Amsterdam 2018
• 51mOptimizing your React ApplicationKeerthana Krishnan · performance.now() 2023
• 36mReact and the Art of GamificationCourtney Yatteau · reactjsday 2025
• 34mI Heard React Was GoodRyan Christiani · FITC Toronto 2016
• 47mAn in-flight port from Angular to React, a tale of performance and happinessChristiansen, Paulin · NDC Oslo 2019
• 43mAngular and React: friends learning from each otherOliver Zeigermann, Pascal Precht · NG-BE 2016
• 38mBuilding Isomorphic Web Applications with ReactElyse Kolker Gordon · Strange Loop 2015