Refactoring Client-Side Code

on YouTube ↗35m

" summary

Covers refactoring client-side JavaScript code: defines what refactoring is, when it’s needed, and how to set proper refactoring goals. Describes IDE refactoring tools and simple utilities, command-line refactoring techniques, and using JavaScript itself to automate refactors, with many concrete examples and a discussion of pitfalls.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 3:18Frontend refactoring challenges
3. 7:16Refactoring as hygiene
4. 10:55Build and dependency issues
5. 13:49Ditching templates
6. 17:11AST-based refactoring
7. 21:53CSS and styles refactoring
8. 25:44Automated refactoring and migration
9. 27:28Q&A

" related talks

• 30mHow to Refactor and Stay Alive? (Refactoring Client Code)Irina Levina · The Rolling Scopes Conference 2018
• 40mHow To (Semi-)Automate JavaScript RefactoringGiles Bowkett · Fluent 2013
• 01h 04mRefactoring Is Not Just ClickbaitKevlin Henney · NDC Oslo 2022
• 31mAre you a selfish programmer? - Refactoring (...)Agnieszka Matysek · 4Developers Kraków 2019
• 48mHow to Start Refactoring Someone Else's Code Without Getting Fired in a MonthSerhii Babich · JavaScript fwdays'24 conference
• 43mMachine Powered Refactoring: Leverage AST's to Push Your Legacy Code (& the Web) ForwardAmal Hussein · Node+JS Interactive 2018
• 50mRefactoring Is Not Just ClickbaitKevlin Henney · Build Stuff 2022
• 40mConquering Complexity: Refactoring JavaScript ProjectsPhil Nash · Great International Developer Summit 2024