meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

Hasty Treat - Abstraction

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 6 April 2020

⏱️ 17 minutes

🧾️ Download transcript

Summary

In this Hasty Treat, Scott and Wes talk about abstraction in general as well as javascript programming. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Show Notes 1:48 - What the heck is abstraction? I like to think of it as sweeping under the rug Vue and React devs should be very familiar with the concept 4:44 - When to abstract When things are getting too heavy Personal preference Some people have an arbitrary line limit 7:25 - When not to abstract When savings are minimal When it just adds a pointless layer 9:40 - Personal code abstractions vs public My personal focus is on API simplicity and baked-in smart defaults More specific Public APIs need to be more flexible or at least for some components Links React Vue Svelte Max MSP chakra UI Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

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:25.0

Oh, welcome to Syntax in this Monday, hasty treat.

0:30.0

We're going to be talking all about abstraction.

0:33.2

And if you don't know what abstraction is, this will be good at introduction to what it is.

0:36.9

We're going to be talking about it in the context of both React as well as just general

0:40.8

JavaScript programming in general talking about how to make things more simple for ourselves.

0:46.7

This episode is sponsored by Log Rocket, which is the perfect place to see how errors are happening on your website and when I mean

0:54.7

see I don't mean see an error log I mean see visually what the heck the user did

1:00.0

to cause your site to break because Log Rocket gives you a session replay which is a

1:04.3

scrubable video that gives you network requests, redux store, it gives you council logs, it gives you

1:10.0

everything you could possibly see even like mouse tracking what the user did to

1:13.7

click to break the thing so you get all that and more with Log Rocket so I head

1:18.6

on over to Log Rocket.com forward slash syntax sign up and get 14 days for free and just or be able to reproduce your bugs live

1:26.5

in a video without having to ask your users what the heck they did to break the thing.

1:31.5

Okay, my name is Scott Tolinsky. I'm a developer from Denver, Colorado with me as always is the West boss.

...

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 2026.