Garbage Collection in Modern Web Applications
summary
SoundCloud’s Xbox app uses TypeScript React Redux and implements a custom tracing garbage collector that rebuilds the Redux state by re-running all active selectors and merging their outputs, which cuts retained entities and stops out‑of‑memory kills. The system triggers GC on an interval (practical deployment: runs every five minutes), is a few lines wrapped around connect, reduces memory for long sessions, and requires lean selectors plus agreed merge metadata and careful testing.
AI-written summary · about
chapters (16)
- 0:00Intro
- 3:13Overview
- 5:56The Problem
- 8:29Reference Counting
- 16:03Garbage Collection
- 17:28Garbage Collection reducer
- 18:38Garbage Collection efficiency
- 20:48Summary
- 22:15Questions
- 22:53Garbage collection during serverside rendering
- 27:23Why develop for Xbox
- 31:25Preact
- 32:05Audience Questions
- 34:00Automated Testing
- 35:45University Knowledge
- 37:50Bazooka
related talks
57mBuilding Scalable, Maintainable Apps Using TypeScript and React
29mQuick Wins to Improve Your App’s Performance
30mReact state management in a GraphQL era
51mFunctional Web Development – An Introduction to React.js
34mHot Garbage Clean Code is Dead
20mWhen Old meets New: Codebases
37mReact Tune Up
05mRedux and Web Workers on the Frontend