Understanding Dependencies in JavaScript to Create More Performant App
summary
A small React Pokedex app shows concrete wins: initial main bundle is about 241 KB, route-based code splitting drops main to ~87 KB and total page load to ~136 KB, and deferring jspdf (107 KB gzipped) with a dynamic import delays a 110 KB download until the Save PDF click. Use webpack bundle analyzer to inspect which third‑party modules dominate, and check package sizes on bundlephobia.com before adding dependencies to avoid surprising bloat.
AI-written summary · about
chapters (9)
- 0:00Introduction to dependencies
- 2:13Bundle analysis basics
- 6:20Visualizing bundle makeup
- 9:25Using webpack bundle analyzer
- 11:53First code splitting step
- 13:20Lazy loading routes
- 16:28Dynamic imports for features
- 20:44Evaluating third-party libraries
- 21:47Key takeaways summary
related talks
52m10KB or Bust: The Delicate Power of Webpack and Babel
31m10KB or Bust" The Delicate Power of Webpack and Babel"
41m10KB or Bust: The Delicate Power of Webpack and Babel
32mLet's Tree-shake it...
26mWeb Performance in modern JavaScript world
45mDark Art of Webpack Bundle Tuning
30mWebpack – The React Parts
53mThe Unbearable Weight of Massive JavaScript