<p class="has-line-data">Wes and Scott talk with Paolo Ricciuti about Svelte custom renderers and how Svelte actually talks to the DOM. They dig into compiler internals, CSS handling, native bridges, and the realities of maintaining ambitious open source tooling.</p>
<h3 class="code-line">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<strong><a href="#t=00:00">00:00</a></strong> Welcome to Syntax!
<ul>
<li class="has-line-data"><a href="https://madcss.com/">March MadCSS</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=01:44">01:44</a></strong> Paolo’s role at <a href="https://mainmatter.com/">Mainmatter</a> and his work on <a href="https://svelte-custom-renderers.com/">Svelte custom renderers</a>
</li>
<li class="has-line-data">
<strong><a href="#t=02:52">02:52</a></strong> Why Paolo chose Svelte
<ul>
<li class="has-line-data"><a href="https://mainmatter.com/blog/2026/02/24/why-choose-svelte/">Why I choose Svelte</a></li>
<li class="has-line-data"><a href="https://www.youtube.com/watch?v=gJ2P6hGwcgo">Shift Dev 2019: “Rethinking Reactivity”</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=05:16">05:16</a></strong> From Svelte ambassador to working on the project</li>
<li class="has-line-data">
<strong><a href="#t=07:45">07:45</a></strong> How custom renderers change what Svelte can target</li>
<li class="has-line-data">
<strong><a href="#t=10:10">10:10</a></strong> How Svelte uses the DOM and why that makes custom renderers tricky</li>
<li class="has-line-data">
<strong><a href="#t=20:32">20:32</a></strong> What <a href="https://lynxjs.org/">Lynx</a> provides and how it differs from a web view</li>
<li class="has-line-data">
<strong><a href="#t=24:18">24:18</a></strong> Brought to you by <a href="https://sentry.io/syntax/">Sentry.io</a>
</li>
<li class="has-line-data">
<strong><a href="#t=35:56">35:56</a></strong> Using Svelte with CSS outside the browser</li>
<li class="has-line-data">
<strong><a href="#t=39:09">39:09</a></strong> The timeline and current state of the Lynx app</li>
<li class="has-line-data">
<strong><a href="#t=44:51">44:51</a></strong> Sick Picks + Shameless Plugs</li>
</ul>
<h3 class="code-line">
<a></a>Sick Picks</h3>
<ul>
<li class="has-line-data">Paolo: <a href="https://opencode.ai/">Opencode</a>
</li>
</ul>
<h3 class="code-line">
<a></a>Shameless Plugs</h3>
<ul>
<li class="has-line-data">Paolo: <a href="https://svelte-custom-renderers.com/">Svelte Custom Renderers</a> | <a href="https://tmcp.io/">TCMP</a>
</li>
</ul>
<h3 class="code-line">
<a></a>Hit us up on Socials!</h3>
<p class="has-line-data">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></p>
<p class="has-line-data">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></p>
<p class="has-line-data">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></p>
<p class="has-line-data">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></p>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

984: How to Make a DOM Library Render Anything w/ Paolo Ricciuti

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews