Syntax - Tasty Web Development Treats

951: A first look at Remix 3

84 snips
Nov 3, 2025
Dive into the exciting world of Remix 3, where native web standards reign supreme! Discover how it leverages Events, Signals, and Streams for full-stack capabilities. The discussion includes the benefits of thin APIs and 'LLM-ready' design. Learn about the innovative event-driven architecture that enhances app interactions, plus the power of context and type-safe access. Explore how Remix simplifies CSS with scoped styles and embraces server APIs for cross-runtime functionality. Perfect for developers seeking a standards-based approach!
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ADVICE

Use Typed Custom Events

  • Use Remix's typed event helpers to dispatch and listen with full TypeScript safety.
  • Put interaction logic on EventTarget-derived objects and listen in components for precise updates.
INSIGHT

Type‑Safe Context Access

  • Context passes objects (like EventTargets) down without triggering automatic re-renders.
  • Remix uses this and the this keyword with generics to keep context access type-safe.
INSIGHT

Signals For Async Cancellation

  • Remix exposes AbortSignal-based 'signals' to cancel async operations like fetches.
  • This leverages native platform abort behavior instead of framework-specific cancellation hacks.
Get the Snipd Podcast app to discover more snips from this episode
Get the app