Hasty Treat - Refactoring — Syntax Podcast 059

A Tasty Treats Podcast for Web Developers.

Ask a Potluck Question →
Wes Bos

Wes Bos

Full Stack JavaScript Developer. Creator of really good web development courses. BBQ enthusiast.

Scott Tolinski

Scott Tolinski

Web Developer, Creator of Level Up Tuts, Bboy, Robotops Crew and Youtuber

Playing: 059: Hasty Treat - Refactoring

0:00

LOUDNESS

Jul 23rd, 2018

Hasty Treat - Refactoring

👇 Download Show✏️ Edit Show Notes

In this Hasty Treat, Scott and Wes discuss refactoring, what it is, why you should do it, when to do it, as well as best practices and much more.

Netlify — Sponsor

Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info.

Show Notes

5:00 - What is refactoring and why would you do it?

  • Re-writing code while maintaining functionality
  • The first code you write is most likely not your best code

7:32 - Benefits To Refactoring

  • Keep part of your codebase in your head
  • Keep codebase timely and up to date (E.g. promises, async, await, etc.)
  • Writing code from the vantage point of having already built your product
  • Performance improvement

12:54 - When to refactor

  • When it's stopping your from progressing
  • When bringing someone new on to your team
  • When you can see a more elegant solution
  • When you're having performance issues
  • When you're sharing or presenting code
  • When you have a large codebase that needs to be broken up into smaller components

19:03 - Tips on how to refactor

  • Testing will make refactoring easier
  • Identify bad code and problem areas
  • Use git as an escape hatch
  • Break things into smaller chunks
  • Publish often use code to npm as modules

Tweet us your tasty treats!