React developer? How are your production skills?
summary
Covers concrete fixes for shipping React apps: use cache busting with hashed filenames (examples use 8‑char hashes) so 304s don’t serve old bundles; build webpack with production mode and gzip to cut a ~1MB dev bundle down dramatically; capture runtime errors with window.onerror and services like Sentry or Rollbar, plus replay/log state with tools such as LogRocket; emit source maps to map minified stacks; pin npm semver or promote artifacts/images to avoid “works in QA but breaks in prod.”
AI-written summary · about
chapters (9)
- 0:00Intro
- 1:43Production issues
- 2:35First nightmare
- 4:02Browser caching
- 4:43Cache busting
- 10:30Webpack in production
- 15:57Handling error
- 18:44Our second nightmare
- 21:46Our third nightmare
related talks
39mMaking Your React Apps Perform At Scale
26mLightning Fast React Apps
30mHow to push a ReactJS application in production...
26mReact Developer tooling
21mMaking Your React Apps Perform At Scale
48mProper Error Handling with React/Redux
27mBuilding High Performance React Applications
20mExperiments with React Compiler in Production Code