951: A first look at Remix 3

Syntax - Tasty Web Development Treats

Scott and Wes dive into Remix 3, exploring how it embraces native web standards like Events, Signals, and Streams to become a truly full-stack framework. They unpack what “LLM-ready,” thin APIs, and a standards-based approach mean for the future of web development.

Show Notes

• 00:00 Welcome to Syntax!
• 03:21 Uses the platform - native Events, Signals, Streams, Fetch
• 04:16 Remix 3, Fully Fullstack.
• 04:57 LLM‑ready + thin APIs
• 05:53 Brought to you by Sentry.io.
• 06:18 My previous predictions.
• 07:44 The value of ‘Standards Based’.
• 09:13 Component model - JSX/TSX; state = variables; call this.render()
• 11:56 Adding reactivity to Remix.
• 15:15 Event‑based architecture - custom events, EventTarget, interactions
• 20:52 Context & type‑safe access.
• 22:46 Composing interaction logic within events.
• 24:25 Signals - AbortSignal to cancel async ops
• 25:21 Benefits of standards - bring your own tools/libraries
  • Michael Asnong X Post.
• 26:42 CSS - built‑in CSS prop; Svelte‑like scoping
• 28:34 Server - Web Request/Response, Web Streams across runtimes
• 31:23 Frames - async URL‑addressable components with fallbacks
• 33:07 Tooling - ESM; use Vite or esbuild
• 34:47 Routing - code‑based named routes
• 35:57 Questions/Concerns - manual rendering vs reactivity
• 38:47 URL Pattern API - modern, fast routing foundations
• 41:33 Sick Picks + Shameless Plugs.

Sick Picks

• Scott: MoCA 2.5 Network Adapter
• Wes: Bosch Dishwasher

Shameless Plugs

• Scott: Syntax on YouTube.

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads