|
| 1 | +--- |
| 2 | +number: 951 |
| 3 | +title: A first look at Remix 3 |
| 4 | +date: 1762167600000 |
| 5 | +url: https://traffic.megaphone.fm/FSI9550792229.mp3 |
| 6 | +youtube_url: https://www.youtube.com/watch?v=_STrAAi8Ujg |
| 7 | +--- |
| 8 | + |
| 9 | +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. |
| 10 | + |
| 11 | +### Show Notes |
| 12 | + |
| 13 | +* **[00:00](#t=00:00)** Welcome to Syntax! |
| 14 | +* **[03:21](#t=03:21)** Uses the platform - native Events, Signals, Streams, Fetch |
| 15 | +* **[04:16](#t=04:16)** Remix 3, Fully Fullstack. |
| 16 | +* **[04:57](#t=04:57)** LLM‑ready + thin APIs |
| 17 | +* **[05:53](#t=05:53)** Brought to you by [Sentry.io](https://sentry.io/syntax). |
| 18 | +* **[06:18](#t=06:18)** My previous predictions. |
| 19 | +* **[07:44](#t=07:44)** The value of 'Standards Based'. |
| 20 | +* **[09:13](#t=09:13)** Component model - JSX/TSX; state = variables; call this.render() |
| 21 | +* **[11:56](#t=11:56)** Adding reactivity to Remix. |
| 22 | +* **[15:15](#t=15:15)** Event‑based architecture - custom events, EventTarget, interactions |
| 23 | +* **[20:52](#t=20:52)** Context & type‑safe access. |
| 24 | +* **[22:46](#t=22:46)** Composing interaction logic within events. |
| 25 | +* **[24:25](#t=24:25)** Signals - AbortSignal to cancel async ops |
| 26 | +* **[25:21](#t=25:21)** Benefits of standards - bring your own tools/libraries |
| 27 | + * [Michael Asnong X Post](https://x.com/Valkendorm/status/1977805263790125546). |
| 28 | +* **[26:42](#t=26:42)** CSS - built‑in CSS prop; Svelte‑like scoping |
| 29 | +* **[28:34](#t=28:34)** Server - Web Request/Response, Web Streams across runtimes |
| 30 | +* **[31:23](#t=31:23)** Frames - async URL‑addressable components with fallbacks |
| 31 | +* **[33:07](#t=33:07)** Tooling - ESM; use Vite or esbuild |
| 32 | +* **[34:47](#t=34:47)** Routing - code‑based named routes |
| 33 | +* **[35:57](#t=35:57)** Questions/Concerns - manual rendering vs reactivity |
| 34 | +* **[38:47](#t=38:47)** URL Pattern API - modern, fast routing foundations |
| 35 | +* **[41:33](#t=41:33)** Sick Picks + Shameless Plugs. |
| 36 | + |
| 37 | +### Sick Picks |
| 38 | + |
| 39 | +- Scott: [MoCA 2.5 Network Adapter](https://amzn.to/475385d) |
| 40 | +- Wes: Bosch Dishwasher |
| 41 | + |
| 42 | +### Shameless Plugs |
| 43 | + |
| 44 | +- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm). |
| 45 | + |
| 46 | +### Hit us up on Socials! |
| 47 | + |
| 48 | +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) |
| 49 | + |
| 50 | +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) |
| 51 | + |
| 52 | +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) |
| 53 | + |
| 54 | +Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor) |
0 commit comments