Module 23 · 1 chapters

Media & Data Dashboards

Media and analytics dashboards push frontend limits — ABR streaming, 100k-row tables, real-time charts, and heavy compute offloaded to Web Workers.

This module covers HLS/DASH players, @tanstack/react-virtual, worker-based aggregation, canvas chart downsampling, and strict performance budgets.

Staff capstone: design a Netflix-style player alongside a real-time analytics dashboard.

Staff track module — builds on Web Performance (Module 10) and JavaScript Internals (Module 1).

Chapters in this module

  1. Media & Data DashboardsAdaptive bitrate video (HLS/DASH), dashboard table virtualization, Web Workers for heavy compute, real-time charts, and performance budgets.
Start with Media & Data Dashboards