Large Scale Refactoring at trivago
summary
Project Ironman refactors the CSS core into a mobile‑first, border‑box, componentized system using a pattern library and Atomic Design, adds PostCSS processing and SVG icons, and in the process moves media queries into components. Results: 25% code reduction (~40k lines removed), 450 icons replaced, ~2,500 background‑position uses eliminated, faster mobile rendering and daily releases instead of multi‑month iterations, and measurable product impact including a reported minimum ~5% uplift from a new UI component.
AI-written summary · about
chapters (8)
- 0:00Introduction to Project Ironman
- 5:11CSS codebase problems before refactoring
- 10:19Key steps in the refactoring process
- 15:06Business challenges and management buy-in
- 21:49Project execution and team motivation
- 27:05Results and codebase improvements
- 34:09Business impact after refactoring
- 36:26Future plans and component library
