Refactoring Your Way Up
summary
Finds and fixes duplicated network calls across CRM UI components, removes dead code from an Angular 1.6 → React migration, and replaces repeated fetch logic with a shared service that uses react query to cache and auto-update unrelated components. Uses TypeScript, styled-components, react-final-form and react testing library, ships changes behind feature flags, files epics/tickets and writes docs. Result: measurable performance gains for large customers, fewer redundant requests, easier maintenance, and a concrete ownership story used to argue for promotion.
AI-written summary · about
chapters (10)
- 0:00Introduction and speaker background
- 2:06Talk overview and goals
- 3:32Understanding legacy code bases
- 5:39Identifying patterns and debugging
- 7:42Maintenance and dead code removal
- 9:29Finding opportunities in code
- 10:53Documentation as a feature
- 12:17Using third-party libraries effectively
- 15:26Taking ownership and leveraging growth
- 18:18Q&A and closing remarks
related talks
28mLessons in Managing Technical Debt
24mUse React tools for better Angular apps
32mRefactoring React
20mSacrificial Architecture in modern web development
43mScalable Best Practices for Your Development Team
30mClean coding with React in a nutshell
49mScalable Best Practices for Your Development Team
35mWhat It Takes to Upgrade a Tech Stack for 70+ Developers: Firsthand Experience