Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 54 additions & 0 deletions shows/951 - A first look at Remix 3.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
---
number: 951
title: A first look at Remix 3
date: 1762167600000
url: https://traffic.megaphone.fm/FSI9550792229.mp3
youtube_url: https://www.youtube.com/watch?v=_STrAAi8Ujg
---

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

### Sick Picks

- Scott: [MoCA 2.5 Network Adapter](https://amzn.to/475385d)
- Wes: Bosch Dishwasher

### Shameless Plugs

- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm).

### Hit us up on Socials!

Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)

Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)

Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)

Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)