Hasty Treat - TypeScript Compilers and Build Tools

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 15 February 2021

⏱️ 22 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this Hasty Treat, Scott and Wes talk about the differences between compilers and build tools in TypeScript. Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax. 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 03:38 - What is a TypeScript compiler? Do we still need Babel / WebPack? 07:49 - Babel Transpiler It doesn’t do typechecking New JS features that aren’t in TypeScript yet 10:22 - SWC Rust based compiler Doesn’t do type checking (yet) https://github.com/swc-project/swc/issues/571 13:03 - Deno Uses tsc right now Might move to Rust https://github.com/denoland/deno/issues/5432 13:36 - Surcase https://github.com/alangpierce/sucrase#transforms 14:46 - ESBuild Compiles, but doesn’t do any type checking Fastest 17:39 - What about bundlers? Parcel Snowpack Webpack ESBuild When might you still need a bundler? To handle different types of files that are non-standard Like importing CSS and images Treeshaking Smaller bundle files Typescript can concatenate to a single file, or all .js files, but smaller / smarter bundles still need a tool for that Polyfills Typescript does convert to syntax, but will not polyfill features Something like Promise Syntax can be transpiled to old code Methods like allSettled aren’t Links Syntax 324: TypeScript Fundamentals Syntax 322: The Deno Show 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 open wide dev fans get ready to stuff your face with javascript CSS node module barbecue tips get work flows break dancing soft skills web development the hastiest the
0:13.5	Carrazius the tastiest web development treats coming in hot. Here is West
0:19.2	Barracuda boss and Scott L. Toro Lungo to Linsky
0:25.2	Welcome to syntax in this Monday hasty treat. We're going to be talking about
0:31.6	TypeScript talking a little bit about the differences between using compilers and build tools and whether or not you still need to use a webpack or
0:39.6	Babble with your TypeScript along with some of the interesting newer options. My name is Scott Linsky
0:45.0	I am a full stack developer Denver Colorado and with me as always is West boss. Hey, I'm excited for the show because
0:51.7	These are the questions I had when I got into TypeScript. I'm like, do you still need Babble webpack parcels, snowpack?
0:58.8	Like do you still need these things or not or like where does TypeScript compiler fit into it?
1:02.9	So we're going to attempt to answer that today. Our whole platform is built on this stuff left and right. So
1:08.2	That lots lots of thoughts here. Yeah, I thought like you're this is all fresh in your mind
1:12.4	So I thought it's a good time to do it. Freshers can be and both of our sponsors today are also freshers can be
1:18.4	I'm talking about family at Sanity. I owe and century now century is the air and exception handling tool
1:25.8	That is one of our favorites over here at syntax and piece of software that I've been using for a very long time myself
1:32.0	In fact, when we launched our new level of tutorials platform built on many of these things that we're going to be talking about in this episode
1:37.8	Well, we wouldn't have even dreamed of doing it without century
1:41.0	So if you want to get the best error in exception handling tracking service on the market in your app
1:47.8	Performance tracking and release tracking and GitHub issue integrating all sorts of stuff and more head on over to century dot I owe
1:54.8	Sign up use the coupon code tasty treat all over case all one word you'll get two months for free
1:59.8	We're also sponsored by sanity sanity dot I owe is the structured content CMS
2:05.4	It's an awesome CMS users love actually using it and I'm going to highlight one feature of it today
2:10.6	Which is there they have an entire image pipeline so it will do all of your
	...

Please login to see the full transcript.

Previous episode | Next episode

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.