Compilers, Runtimes, and Funtimes | Ep 5

TypeScript.fm - The Friendly Show for TypeScript Developers

Το περιεχόμενο παρέχεται από το Erik Onarheim and Kamran Ayub. Όλο το περιεχόμενο podcast, συμπεριλαμβανομένων των επεισοδίων, των γραφικών και των περιγραφών podcast, μεταφορτώνεται και παρέχεται απευθείας από τον Erik Onarheim and Kamran Ayub ή τον συνεργάτη της πλατφόρμας podcast. Εάν πιστεύετε ότι κάποιος χρησιμοποιεί το έργο σας που προστατεύεται από πνευματικά δικαιώματα χωρίς την άδειά σας, μπορείτε να ακολουθήσετε τη διαδικασία που περιγράφεται εδώ https://el.player.fm/legal.

10M ago 1:03:49

MP3•Αρχική οθόνη επεισοδίου

This week Kamran and Erik try to dissect the complex landscape of JavaScript and TypeScript compilers, transpilers, interpreters, engines, and runtimes (oh my!). What are the tools, what are they used for, why is the world so complicated, and what should you care about as a TS developer?

(04:55) - This Week in TypeScript: Node.js Corepack Issue Affects Users
(06:16) - This Week in TypeScript: Vite and Vitest Security Vulnerabilities
(07:18) - This Week in TypeScript: 2ality on Enum Patterns
(08:51) - This Week in TypeScript: 2ality's Tutorial on Publishing ESM Packages with TypeScript
(09:53) - This Week in TypeScript: Should We Move On to ESM-Only?
(13:13) - This Week in TypeScript: HTTP2 Support Across Node.js, Bun, and Deno... Or Lack Thereof
(14:14) - This Week in TypeScript: Nx Has Some New TypeScript Monorepo Guides
(14:38) - This Week in TypeScript: Zero to Mastery Shares a TypeScript Cheat Sheet
(15:09) - This Week in TypeScript: TS Comment Directives
(17:21) - Deep Dive: Compilers and Runtimes
(19:32) - Deep Dive: What's the Difference Between a Compiler and Transpiler?
(21:11) - Deep Dive: Why Do We Need a TypeScript Compiler?
(22:02) - Deep Dive: The TypeScript Compiler (TSC)
(23:38) - Deep Dive: What's an Interpreter?
(25:06) - Deep Dive: What's an Engine?
(27:52) - Deep Dive: Recap So Far
(28:31) - Deep Dive: Babel, the OG Transpiler
(29:23) - Deep Dive: What is SWC?
(31:12) - Deep Dive: Using the verbatimModuleSyntax TSConfig Flag
(32:35) - Deep Dive: What is esbuild?
(34:23) - Deep Dive: Okay, What's the Difference Between SWC and esbuild?
(35:51) - Deep Dive: So, What is oxc Then??
(37:03) - Deep Dive: Erik Says checker.ts is "Gigundous" (???)
(37:58) - Deep Dive: Wait, oxc Can Output Type Declarations?!
(39:34) - Deep Dive: Writing Your TypeScript So It Compiles Faster
(41:10) - Deep Dive: What Does deno compile Do?
(42:12) - Deep Dive: What Are The Different JS/TS Runtimes?
(43:43) - Deep Dive: What Differentiates Bun from Deno?
(45:26) - Deep Dive: Serverless JavaScript Runtimes (workerd, Vercel Edge)
(46:48) - Deep Dive: Writing Isomorphic JavaScript or TypeScript
(47:44) - Deep Dive: Who Will Stop This Madness?
(50:11) - Deep Dive: Should Microsoft "Fix" TSC?
(53:43) - Deep Dive: WHAT DOES ALL THIS MEAN?
(57:36) - Secrets of the Handbook: Named Tuple Values
(01:00:59) - Cool Stuff: Node ES Language Support Matrix
(01:01:46) - Cool Stuff: VSCode Pretty TS Error Extension

Week of February 3, 2025

📌 PSA: Node.js LTS corepack registry key signing issue breaks people's CI/CD pipelines and npm/pnpm installations. If you are affected, check this issue out! It’s fixed now and backported to Node 20.18.3.
📌 PSA: There was a remote code execution vulnerability in Vitest, and a Vite dev server vulnerability. Update to the latest patch versions!

Community Highlights

Blog Post: TypeScript enums: use cases and alternatives (Axel Rauschmayer)
Blog Post: Tutorial: publishing ESM-based npm packages with TypeScript (Axel Rauschmayer)
Blog Post: Move on to ESM-only (Anthony Fu)
Blog Post: Fetch and HTTP/2 support in Node.js, Bun and Deno (George Haidar)
Learning: Nx is doing cool stuff for TS monorepo setups and has a whole series on it
Cheatsheet: Bookmark this TypeScript Cheat Sheet by Zero to Mastery (PDF version available)
Book: Joshua Goldberg has a new Learning TypeScript book and shares a tip about TS comments

Compilers and Runtimes Deep Dive

The JavaScript Runtime Environment (Jamie Uttariello)
Wikipedia: ECMAScript Engines
V8's interpreter, Ignition
Hermes engine for React Native
TSC, the official Microsoft TypeScript compiler
SWC, a Rust-based compiler for JavaScript and TypeScript
esbuild, a Go-based compiler for JavaScript and TypeScript
oxc, a (new) Rust-based compiler by the creators of Vite
Deno compile for creating binary executables
Bun runtime, a drop-in replacement for Node
workerd runtime by Cloudflare
Vercel Edge Runtime
A list of WebAssembly (WASM) runtimes
WinterTC, a committee for unifying server backend runtime APIs

Links

TypeScript 4.0's labeled tuple elements (playground link)
Wondering what version of Node supports what ES features and syntax? https://node.green/
Replace those ugly TS errors in VSCode with something more pretty

Sponsored by Excalibur.js
Excalibur.js is the friendly TypeScript game engine for making 2D web games. Use your TypeScript or JavaScript skills to make games! Excalibur comes out-of-the-box with everything you need to make web games, like physics, sprites, animations, sound effects, input, and particles. Design your assets with tools like Aseprite and Tiled, then load them natively using first-party plugins.

Music
Seahorse Dreams by Kubbi (Spotify)

Creators & Guests

Kamran Ayub - Host
Erik Onarheim - Host

54 επεισόδια

#Tech #News #Tech News #Erik Onarheim #Kamran Ayub #TypeScript #Web Dev #Game Dev #Technology #Nodejs #Deno #Bun #React