You Say Vite, I Say Vite | Ep 4

TypeScript.fm - The Friendly Show for TypeScript Developers

This week Erik and Kamran talk about Vite (Vight? Veet?), what it's good for, how it works, and its status as the "go-to" tool for frontend tooling.

• (04:21) - This Week in TypeScript: TS 5.8 Beta
• (11:02) - This Week in TypeScript: Ruck 9 Released
• (12:39) - This Week in TypeScript: Type Stripping in the Browser
• (14:45) - Community Highlight: Deno and Qwik Video
• (15:52) - Community Highlight: Zig, TypeScript, and WASM by David Bushell
• (16:49) - New Library Watch: tsc-extra
• (17:24) - New Library Watch: typemap and typebox
• (18:23) - Vite Overview
• (22:01) - Vite: Getting Started
• (22:53) - Vite: build and preview
• (23:34) - Vite: How Does It Work?
• (26:57) - Vite: Support for Libraries and Frameworks
• (28:04) - Vite 6.0: Environments API
• (30:27) - Vite 6.0: Support for Additional HTML Asset References
• (31:28) - Vite: Testing with Vitest
• (32:48) - Vite Gripes and Gotchas
• (33:52) - Vite Gripes: Dev and Prod Build Inconsistencies
• (35:14) - Vite Gotcha: Forgetting to Set a URL Base
• (35:49) - Vite Gotcha: Targeting Legacy Browsers
• (38:30) - Vite Gripes: npm linking
• (41:43) - Vite's Future: What Are We Excited About?
• (44:12) - Secrets of the Handbook: Type Guards and Predicates
• (47:27) - Cool Stuff: Write Typesafe Emails with React.email
• (49:51) - Cool Yet Questionable Stuff: Custom Type Errors When Working With Generics

Week of January 27

• News: TS 5.8 Beta Released
• News: Ruck 9, a Deno web framework
• News: Guy Bedford releases [email protected], allowing type stripping in the browser
• Community: Qwik and Deno (📸 Video)
• Community: Benchmarking Zig, TS and WASM by David Bushell (✍️ Blog Post)
• New Libraries
  • tsc-extra
    • Static analysis tool, type checking only, no code generation or compiling
    • Useful for documentation or lower-level TS tools
  • Typemap is like a Zod alternative, built for TypeBox
    • “It offers a common TypeScript syntax for type construction, a runtime compiler for high-performance validation and type translation from one library to another.”

Vite Deep Dive

• Homepage
• Evan You's State of Vite 2023 Keynote (📸 Video)
• Why Use Vite?
• Vite 6 Updates
• Sapphi-Red's Increasing Vite's Potential With the Environment API (✍️ Blog Post)
• Vite's browser compatibility
• Vite's future, bundling with Rolldown

Links

• Handbook: Type Guards and Predicates
• Send typesafe emails with React.email
• Better string literal errors (📸 Video)

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