meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

Hasty Treat - Refactoring

Syntax - Tasty Web Development Treats

Wes Bos

Js, Technology, Css, Html5, Tech News, Webdevelopment, News, Javascript, Html

4.9 • 1.1K Ratings

🗓️ 23 July 2018

⏱️ 27 minutes

🧾️ Download transcript

Summary

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 brining 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

Links

Tweet us your tasty treats!

Transcript

Click on a timestamp to play from that location

0:00.0

Monday, Monday, Monday,

0:02.0

Open wide Dev fans.

0:04.0

Get ready to stuff your face

0:06.0

with JavaScript, CSS, node modules, barbecue tips,

0:09.0

get workflows,

0:10.0

break dancing, soft skills, web development,

0:12.0

the hastiest, the craziest, the craziest development the hastiest the craziest the tastiest web development treats coming in hot here is

0:18.1

Wes Barracuda bars and Scott El Toroloco, Tolinsky.

0:26.0

Welcome, welcome, to Monday's edition of Syntax,

0:31.3

which is we like to call a hasty treat with me as always is

0:35.4

West Barracuda Boss my name is Scott El Toro Loco Tolinsky I hope you liked

0:42.4

the new tasty intro that we cooked up for you because we love it. In fact, we were probably both in tears when we were listening to that the first time.

0:51.2

When we were just even describing it to each other I think we were we were losing it so I hope you like the Mondays.

0:58.0

Yeah we were making the script so that the that intro that we have was like we went on fiber and found some guy that does like radio for 17 bucks we got that guy to record that intro and we came up with the names and we looked up monster truck names and West Barracuda boss just came to me

1:16.2

But then we found Scott Altoro Linsky with Tylinsky yeah, which is means the crazy crazy bull. Oh yeah, yeah, the crazy bull.

1:24.0

Yeah, and it's a really cool monster truck too,

1:27.0

so check it out.

1:28.0

That is a really cool monster truck.

1:29.0

I didn't want to be Grave Digger, it's a little too aggressive,

1:32.0

and I like the alliteration of you know well I guess it's not necessary

1:35.3

alliteration but I like the you know Tylinski a lot of tease those hard teas coming in there

1:40.3

I like that a lot. So our sponsor for this episode is Netlify and if you've

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2025.