You Say Vite, I Say Vite | Ep 4

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 es-module-shims@2.0, 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

Host

Erik Onarheim

Hi, my name is Erik 👋 I'm a software developer in Minneapolis ⛄I created a game engine for the web called Excalibur 🗡

Host

Kamran Ayub

Solopreneur, speaker, and Pluralsight author. Founder of KeepTrackOfMyGames.com.

What is TypeScript.fm - The Friendly Show for TypeScript Developers?

The two TypeScript Fools, Kamran Ayub and Erik Onarheim, get together weekly to bring you news, community highlights, and deep dives into the TypeScript ecosystem. Stay up-to-date on what's happening and learn new things to make you a better TypeScript developer along the way!