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.
<h3 class="code-line">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<a href="#t=00:00">00:00</a> Welcome to Syntax!</li>
<li class="has-line-data">
<a href="#t=03:21">03:21</a> Uses the platform - native Events, Signals, Streams, Fetch</li>
<li class="has-line-data">
<a href="#t=04:16">04:16</a> Remix 3, Fully Fullstack.</li>
<li class="has-line-data">
<a href="#t=04:57">04:57</a> LLM‑ready + thin APIs</li>
<li class="has-line-data">
<a href="#t=05:53">05:53</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li>
<li class="has-line-data">
<a href="#t=06:18">06:18</a> My previous predictions.</li>
<li class="has-line-data">
<a href="#t=07:44">07:44</a> The value of ‘Standards Based’.</li>
<li class="has-line-data">
<a href="#t=09:13">09:13</a> Component model - JSX/TSX; state = variables; call this.render()</li>
<li class="has-line-data">
<a href="#t=11:56">11:56</a> Adding reactivity to Remix.</li>
<li class="has-line-data">
<a href="#t=15:15">15:15</a> Event‑based architecture - custom events, EventTarget, interactions</li>
<li class="has-line-data">
<a href="#t=20:52">20:52</a> Context & type‑safe access.</li>
<li class="has-line-data">
<a href="#t=22:46">22:46</a> Composing interaction logic within events.</li>
<li class="has-line-data">
<a href="#t=24:25">24:25</a> Signals - AbortSignal to cancel async ops</li>
<li class="has-line-data">
<a href="#t=25:21">25:21</a> Benefits of standards - bring your own tools/libraries
<ul>
<li class="has-line-data">
<a href="https://x.com/Valkendorm/status/1977805263790125546">Michael Asnong X Post</a>.</li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=26:42">26:42</a> CSS - built‑in CSS prop; Svelte‑like scoping</li>
<li class="has-line-data">
<a href="#t=28:34">28:34</a> Server - Web Request/Response, Web Streams across runtimes</li>
<li class="has-line-data">
<a href="#t=31:23">31:23</a> Frames - async URL‑addressable components with fallbacks</li>
<li class="has-line-data">
<a href="#t=33:07">33:07</a> Tooling - ESM; use Vite or esbuild</li>
<li class="has-line-data">
<a href="#t=34:47">34:47</a> Routing - code‑based named routes</li>
<li class="has-line-data">
<a href="#t=35:57">35:57</a> Questions/Concerns - manual rendering vs reactivity</li>
<li class="has-line-data">
<a href="#t=38:47">38:47</a> URL Pattern API - modern, fast routing foundations</li>
<li class="has-line-data">
<a href="#t=41:33">41:33</a> Sick Picks + Shameless Plugs.</li>
</ul>
<h3 class="code-line">
<a></a>Sick Picks</h3>
<ul>
<li class="has-line-data">Scott: <a href="https://amzn.to/475385d">MoCA 2.5 Network Adapter</a>
</li>
<li class="has-line-data">Wes: Bosch Dishwasher</li>
</ul>
<h3 class="code-line">
<a></a>Shameless Plugs</h3>
<ul>
<li class="has-line-data">Scott: <a href="https://youtube.com/@syntaxfm">Syntax on YouTube</a>.</li>
</ul>
<h3 class="code-line">
<a></a>Hit us up on Socials!</h3>
Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href="https://www.instagram.com/syntax_fm/">Instagram</a> <a href="https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href="https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a>
Wes: <a href="https://twitter.com/wesbos">X</a> <a href="https://www.instagram.com/wesbos/">Instagram</a> <a href="https://www.tiktok.com/@wesbos">Tiktok</a> <a href="https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href="https://www.threads.net/@wesbos">Threads</a>
Scott: <a href="https://twitter.com/stolinski">X</a> <a href="https://www.instagram.com/stolinski/">Instagram</a> <a href="https://www.tiktok.com/@stolinski">Tiktok</a> <a href="https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href="https://www.threads.net/@stolinski">Threads</a>
Randy: <a href="https://twitter.com/randyrektor">X</a> <a href="https://www.instagram.com/randyrektor/">Instagram</a> <a href="https://www.youtube.com/@randyrektor">YouTube</a> <a href="https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

951: A first look at Remix 3

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews