Preact, Performance, and the Future of Lightweight Frontends with Ryan Christian -JSJ 683

Preact, Performance, and the Future of Lightweight Frontends with Ryan Christian -JSJ 683

In this episode of JavaScript Jabber, we sit down with Ryan Christian, a core maintainer of Preact, to talk all things lightweight, performant, and practical in the JavaScript world. If you’ve ever wondered what makes Preact tick, why it continues to gain traction, and how it compares to the heavyweight champ React—this episode is for you.

We get into the nitty-gritty of what separates Preact from React, not just in size but in philosophy. Ryan sheds light on how Preact is engineered for performance, why it's not just a “React clone,” and how its compatibility layer makes it easy to drop into existing projects. Plus, we explore signals, class components, and what the upcoming Preact v11 has in store.

Episode Highlights
  • [1:23] - Meet Ryan Christian: Preact core maintainer and open-source champion
  • [4:10] - What is Preact, and how does it stack up against React?
  • [10:15] - Preact’s tiny footprint and why size still matters
  • [14:47] - Widgets, adoption, and why Preact powers ~6% of major sites
  • [20:01] - Understanding Preact’s compatibility layer (PreactCompat)
  • [25:40] - Hooks, signals, and modularity: build what you need, nothing more
  • [31:10] - Why Preact won’t follow React into full-stack territory
  • [37:22] - Server components, suspense, and what Ryan recommends instead
  • [43:35] - Frameworks that pair well with Preact: Astro, Fresh, and Remix
  • [47:55] - Sneak peek at Preact v11 and why it sticks with “classic” React experience
🔗 Links & Resources
  • Preact Official Website
  • Astro
  • Fresh by Deno
  • Remix
  • Jason Miller’s VTalk on Signals (referenced)
  • Google CrUX Report – for framework usage stats


Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Episoder(731)

Defining and Learning Web Fundamentals - JSJ 585

Defining and Learning Web Fundamentals - JSJ 585

Austin Gil is a Senior Developer Advocate. He joins the show to talk about "Web Fundamentals". He begins by explaining its purpose, and the importance of knowing web fundamentals as a developer or programmer. SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksSeries on HTML form fundamentalsSeries on file uploads fundamentalsBlog post on progressive enhancementSocialsaustingil.com LinkedIn: Austin GTwitter: heyAustinGilPicksAJ - The Mentalist (TV Series 2008–2015)Austin - AkamaiAustin - $100 creditAustin - SolidStartAustin - Stash Licorice Spice Herbal TeaDan - FranceDan - React Streaming In Depth: NextJS! Remix! DIY!Steve - Vuetensils, HTML, HTML Forms with Austin Gil - VUE 214Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

6 Jun 20231h 23min

Bun.js with Jarred Sumner - JSJ 584

Bun.js with Jarred Sumner - JSJ 584

Jarred Sumner is the founder and CEO of Oven. He joins AJ for today's episode to talk about Bun.js. Bun.js is a Node.Js replacement. He begins by explaining what it is, how this tool can be used, and what sets it apart from the others. On YouTubeBun.js with Jarred Sumner - JSJ 584SponsorsChuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksBun is a fast all-in-one JavaScript runtimeoven-sh/bunSocialsLinkedIn: Jarred Sumner Twitter: jarredsumnerSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

30 Mai 20231h 20min

Find Out More About Barry Pollard - BONUS

Find Out More About Barry Pollard - BONUS

Barry Pollard is a Web Performance Developer Advocate on Google Chrome. He joins Chuck in this bonus episode to provide an introduction to his topic at the conference. He is going to talk about "Core Web Vitals". LinksThe main JS conference of 2023Discount: https://ti.to/gitnation/jsnation-2023/discount/JSJabberSocialsLinkedIn: Barry PollardSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

26 Mai 20239min

Find Out More About Tobias Koppers - BONUS

Find Out More About Tobias Koppers - BONUS

Tobias Koppers is an open-source developer. He joins Chuck in this bonus episode to provide an introduction to his topic at the conference. On YouTube Find Out More About Tobias Koppers- BONUSLinksThe main JS conference of 2023Discount: https://ti.to/gitnation/jsnation-2023/discount/JSJabberSocialsLinkedIn: Tobias KoppersSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

26 Mai 20239min

React Server Components: Part 2- JSJ 583

React Server Components: Part 2- JSJ 583

Dan Abramov is a Front-end developer at Facebook and Joe Savona is a User Interface engineer at Facebook. They join the show to talk about React Server Components. They begin by explaining what it is, how it's implemented, the services it offers to the clients, and many more. On YouTubeReact Server Components: Part 2- JSJ 583SponsorsChuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocialsDan Abramov GitHub: gaearonTwitter: @dan_abramovJoe SavonaLinkedIn: Joseph Savona josephsavona.comTwitter: @en_JSPicksCharles - Iberian Gauge Dan Abramov - Watch BEEF | Netflix Official SiteDan Abramov - The White LotusDan Shappir - Go speak at conferencesJoe - Diagonals Tejas - Watch BEEF | Netflix Official SiteTejas - BlueskyTejas - The Molecule of MoreSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

23 Mai 20231h 7min

React Server Components: Part 1 - JSJ 582

React Server Components: Part 1 - JSJ 582

Dan Abramov is a Front-end developer at Facebook and Joe Savona is a User Interface engineer at Facebook. They join the show to talk about React Server Components. They begin by explaining what it is, how it's implemented, the services it offers to the clients, and many more. On YouTubeReact Server Components: Part 1 - JSJ 582SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipSocialsDan Abramov GitHub: gaearonTwitter: @dan_abramovJoe SavonaLinkedIn: Joseph Savona josephsavona.comTwitter: @en_JSSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

16 Mai 202352min

SolidStart with Ryan Carniato - JSJ 581

SolidStart with Ryan Carniato - JSJ 581

Ryan Carniato is the CEO of Signals and the Principal Engineer OSS at Netlify. He is the author of the SolidJS UI library. He returns to the show to talk about SolidStart. He begins by explaining the difference between signals and observables. Along with that, he discusses how he came to develop the framework, its features, and his future plans. SponsorsChuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinkssolidjs/solid-startSocialsRyan CarniatoTwitter: @RyanCarniatoSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

9 Mai 20231h 26min

Find Out More About Brad Westfall - BONUS

Find Out More About Brad Westfall - BONUS

Brad Westfall is a full-stack web developer and works at ReactTraining.com. He is one of the speakers at the upcoming JSNation conference. He joins Chuck in this bonus episode to provide an introduction to his topic at the conference. LinksThe main JS conference of 2023SocialsLinkedIn: Brad WestfallSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

9 Mai 20234min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
e24-podden
rss-penger-polser-og-politikk
lydartikler-fra-aftenposten
rss-borsmorgen-okonominyhetene
livet-pa-veien-med-jan-erik-larssen
pengepodden-2
pengesnakk
finansredaksjonen
tid-er-penger-en-podcast-med-peter-warren
utbytte
morgenkaffen-med-finansavisen
stormkast-med-valebrokk-stordalen
okonomiamatorene
rss-sunn-okonomi
rss-rettssikkerhet-bak-fasaden-pa-rettsstaten-norge-en-podcast-av-sonia-loinsworth
lederpodden
lederskap-nhhs-podkast-om-ledelse
rss-markedspuls-2