Excuse Me, I Have to Assemble the Frontend
summary
Advocates treating the frontend build as a pipeline of small interchangeable steps: compile TypeScript/Babel into a temp directory, then use Rollup or Webpack solely as a bundler so swapping bundlers is fast. Gives practical gotchas (Jest hangs due to fsevents; hidden failures from loaders/plugins), cites team time savings (four hours vs two weeks) and a benchmark showing Webpack and Rollup comparable, and recommends tools like Prettier with precommit hooks and Stencil to compile framework components into web components.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 3:20Frontend build states
- 5:29Standard build tasks
- 7:38Jest testing problems
- 9:06Linters and passive aggression
- 11:16Webpack introduction
- 13:28Webpack ideology
- 15:59HappyPack for TypeScript
- 17:25Webpack vs Rollup
- 18:29Client-side bundlers
- 19:34Process decomposition
- 21:42Styles and preprocessors
- 22:27CSS-in-JS and Motion
- 24:13Web Components with Stencil
- 26:24Stencil integration
- 27:27Build recommendations
- 28:33Webpack vs Rollup speed
