meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

570

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.91.2K Ratings

🗓️ 1 February 2023

⏱️ 62 minutes

🧾️ Download transcript

Summary

In this episode of Syntax, Wes and Scott talk through what ESM is, and why you want to move your projects to ESM. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Show Notes 00:10 Welcome 00:51 Sponsor: Sentry 02:32 Our experiences with ESM 06:54 Why ESM? 11:42 Top Level Await 16:16 Assert Import type eventually Scott’s Vite chunk import map 21:00 Converting code to ESM 27:22 .JS on end of files 32:12 Imports and exports 37:52 TypeScript 40:24 Bundling / Transpiling Vite Node 43:42 Dependencies Sindre thread 45:16 Publishing 53:25 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Egg dispenser Wes: Pure Cinema Podcast Shameless Plugs Scott: LevelUp Tutorials Wes: Wes Bos Tutorials 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

You're listening to Syntax, the podcast with the tastiest web development treats out there.

0:06.0

Strap yourself in and get ready. Here is Scott Tillinski and West Boss.

0:11.6

Welcome to Syntax, the podcast with the tastiest web development treats.

0:15.9

Out there, we've got a good one for you today. We're going to talk about

0:19.9

moving from CJS, CommonJS, to ESM, ECMOScript modules. So this is a big transition that's

0:27.4

been happening in the node ecosystem for a while. I think it's at a point now where things are

0:34.7

starting to break if you're not in ESM. And I just moved over my entire platform. I'll talk

0:43.4

about it in a second. But I think it's a good time to talk about this and sort of go through it

0:48.1

because it's unfortunately not very easy to do this type of stuff. We're sponsored today by

0:54.9

Century. Century is the error and exception tracking platform. Actually, this is the perfect,

1:02.1

I got the perfect ad read for this one, Scott. So after I converted my entire application to ESM,

1:10.1

I tested it and everything, but you never know when you do the first deploy, especially when you are

1:17.2

changing the way that you run your application. So basically, I deployed that sucker,

1:22.0

and then I just sat there waiting for the sentry emails to come in or freshen the dashboard

1:28.2

for things to pop up. Luckily, only one minor thing had popped up, and I was very happy about that.

1:38.1

But it was very easy for me to quickly go in. I immediately made that into a GitHub issue,

1:46.3

and then it dumped all the information into the GitHub issue. I could go in, I fixed it,

1:50.5

and then in Century, you mark it as resolved, which basically is saying, get out of here,

1:55.6

and don't come back. I hope you don't come back. I hope you don't come back. It's really what it's

2:00.2

saying. Yeah. And what Century will do is it will say, okay, you fix this, and it will tell you,

2:07.0

in which commit you fix it to, or you can pin it to a specific version. And then if that same

2:12.3

issue comes back, it will tell you, hey, you said you fix it. You said you resolve this, but it's

...

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.