Hasty Treat - TypeScript Compilers and Build Tools
Syntax - Tasty Web Development Treats
English - February 15, 2021 14:00 - 22 minutes - 24.2 MB - ★★★★★ - 935 ratingsTechnology News Tech News css html html5 javascript webdevelopment Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
In this Hasty Treat, Scott and Wes talk about the differences between compilers and build tools in TypeScript.
Sanity - SponsorSanity.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 - SponsorIf 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 Notes03: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 yet10:22 - SWC
Rust based compiler Doesn’t do type checking (yet) https://github.com/swc-project/swc/issues/57113:03 - Deno
Uses tsc right now Might move to Rust https://github.com/denoland/deno/issues/543213:36 - Surcase
https://github.com/alangpierce/sucrase#transforms14:46 - ESBuild
Compiles, but doesn’t do any type checking Fastest17: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