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

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.

Show Notes

•
00:00 Welcome to Syntax!

• March MadCSS (madcss.com)

•
01:44 Paolo’s role at Mainmatter (mainmatter.com) and his work on Svelte custom renderers (svelte-custom-renderers.com)

•
02:52 Why Paolo chose Svelte

• Why I choose Svelte (mainmatter.com/blog/2026/02/24/why-choose-svelte)

• Shift Dev 2019: “Rethinking Reactivity” (youtube.com/watch?v=gJ2P6hGwcgo)

•
05:16 From Svelte ambassador to working on the project

•
07:45 How custom renderers change what Svelte can target

•
10:10 How Svelte uses the DOM and why that makes custom renderers tricky

•
20:32 What Lynx (lynxjs.org) provides and how it differs from a web view

•
24:18 Brought to you by Sentry.io (sentry.io/syntax)

•
35:56 Using Svelte with CSS outside the browser

•
39:09 The timeline and current state of the Lynx app

•
44:51 Sick Picks + Shameless Plugs

Sick Picks

• Paolo: Opencode (opencode.ai)

Shameless Plugs

• Paolo: Svelte Custom Renderers (svelte-custom-renderers.com) | TCMP (tmcp.io)

Hit us up on Socials!

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

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

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

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