951: A first look at Remix 3
Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
November 3, 202547m 41s
Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
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
- 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