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.

Avsnitt(731)

JSJ 478: Browser Standards Rampage: Can We Have Nice Things?

JSJ 478: Browser Standards Rampage: Can We Have Nice Things?

The infamous Jake Archibald, member of the Chrome Team, an author of the Service Worker spec, and host of the HTTP 203 Podcast takes us on a whirlwind tour of recent and upcoming browser standards including Portals, iframes, App Cache, Service Workers, HTML, Browser History and more - why they are the way they are, why we can't have nice things, and how we might get nice things anyway in the future. Lots of good back and forth and only a little name calling… jaffa…PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestJake ArchibaldSponsorsDexecureRaygun | Click here to get started on your free 14-day trialJavaScript Error and Performance Monitoring | SentryLinksPortalsGitHub streaming vs SPANewline delimited JSONAVIF compression articleHTTP 203The old 300ms tap delaySession history is confusing Spectre & MeltdownCOOP & COEP App history API proposalApplication cache is a douchebagExtensible web manifestoIDB promise libraryTwitter: Jake Archibald ( @jaffathecake )PicksAimee- On The Experience of Being Poor-ish, For People Who Aren'tAJ- HTTP 203 | YouTubeAJ- Mac OS X Lion CSS3 by Alessio AtzeniAJ- Worms WMDAJ- Deku Deals AJ- Final Fantasy IX (English) | playasiaAJ- RTMP setup in Nimble StreamerDan- The Sopranos Jake- It's a Sin Steve- An Interactive Guide to CSS Transitions Steve- Monty Python Spanish Inquisition Part 1Steve- Monty Python Spanish Inquisition Part 2Special Guest: Jake Archibald.Sponsored By:Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB Sentry: Resolve JavaScript errors and performance issues with SentryRaygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Support 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 Apr 20211h 25min

BONUS: How Jason Weimann Became a Game Developer

BONUS: How Jason Weimann Became a Game Developer

Jason Weimann started out as an enthusiast of the Massively Multiplayer Online Role Playing Game, Everquest. After becoming a software developer and building a collaborative community playing the game, learn how he used his connections to get a job working for the company that made the game, even if it wasn't a job working as a game developer and how that led to a career working on one of the most popular online games of the time.PanelCharles Max WoodSupport 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.

2 Apr 202139min

JSJ 477: Understanding Search Engines and SEO (for devs) - Part 2

JSJ 477: Understanding Search Engines and SEO (for devs) - Part 2

If you're building a website or web-app, there's a good chance that you want people to find it so that they will access it. These days this mostly means that you want it to appear in the relevant search engine results pages (SERP). In this episode we are joined by Martin Splitt, DevRel at Google for the Search & Web ecosystem, who explains in detail how search engines work, and what developers and SEOs need to know and do in order to be on their good side.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestMartin SplittSponsorsDexecureDev Heroes AcceleratorJavaScript Error and Performance Monitoring | SentryLinksDevchat.tv | JSJ 428: The Alphabet Soup of Performance MeasurementsPicksAJ- What If?: Serious Scientific Answers to Absurd Hypothetical Questions by Randall MunroeAJ- How To: Absurd Scientific Advice for Common Real-World Problems by Randall MunroeAJ- Thing Explainer: Complicated Stuff in Simple Words by Randall MunroeAJ- From Microsoft, Oracle, etc to NSA Data Center (Google Map)AJ- Square Stone Wheel (Test Institute Stone and Stone Caveman User Focus Group)Dan- How to Systematically Debug Your CSS Just Like You Would Your JavaScript?Martin- The curious tale of Tegel’s Boeing 707Martin- Escaped cloned female mutant crayfish take over Belgian cemeteryMartin- Duke Graduate School Scientific Writing ResourceSteve- In Plain Sight (TV Series 2008-2012)Special Guest: Martin Splitt.Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryDexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB Support 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 Mars 20211h 2min

BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

Chuck outlines how he's used his podcasts to find mentors to continue his learning journey over 12 years of podcasting. Some mentors have been long lived relationships while others have lasted only a few months or even days. This episode shares Chuck's experience learning from the top people in the development community as a programmer and podcaster.PanelCharles Max WoodSupport 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 Mars 202130min

JSJ 476: Understanding Search Engines and SEO (for devs) - Part 1

JSJ 476: Understanding Search Engines and SEO (for devs) - Part 1

If you're building a website or web-app, there's a good chance that you want people to find it so that they will access it. These days this mostly means that you want it to appear in the relevant search engine results pages (SERP). In this episode we are joined by Martin Splitt, DevRel at Google for the Search & Web ecosystem, who explains in detail how search engines work, and what developers and SEOs need to know and do in order to be on their good side.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestMartin SplittSponsorsDexecureDev Heroes AcceleratorJavaScript Error and Performance Monitoring | SentryLinksDevchat.tv | JSJ 428: The Alphabet Soup of Performance MeasurementsPicksAJ- What If?: Serious Scientific Answers to Absurd Hypothetical Questions by Randall MunroeAJ- How To: Absurd Scientific Advice for Common Real-World Problems by Randall MunroeAJ- Thing Explainer: Complicated Stuff in Simple Words by Randall MunroeAJ- From Microsoft, Oracle, etc to NSA Data Center (Google Map)AJ- Square Stone Wheel (Test Institute Stone and Stone Caveman User Focus Group)Dan- How to Systematically Debug Your CSS Just Like You Would Your JavaScript?Martin- The curious tale of Tegel’s Boeing 707Martin- Escaped cloned female mutant crayfish take over Belgian cemeteryMartin- Duke Graduate School Scientific Writing ResourceSteve- In Plain Sight (TV Series 2008-2012)Special Guest: Martin Splitt.Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryDexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB Support 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 Mars 202159min

JSJ 475: DevOps for the JavaScript Developer

JSJ 475: DevOps for the JavaScript Developer

In recent years the term DevOps has become ubiquitous - you'll find DevOps engineers in most every tech organization. But what does DevOps actually mean, and how does it differ from previously existing System and Network engineering and DBAs? In this episode our own Aimee Knight, who is currently expanding her role into DevOps, answers these questions, and provide further information about it.PanelAimee KnightAJ O'NealDan ShappirSponsorsDexecureRaygun | Click here to get started on your free 14-day trialJavaScript Error and Performance Monitoring | SentryLinksPulumixkcd: MoneyDevchat.tv | JSJ 440: Why Serverless with Gareth McCumskeyPicksAimee- The many lies about reducing complexity part 2: CloudAJ- Life as a Bokoblin - A Zelda Nature DocumentaryAJ- lbry.tvAJ- Everything GameCube Homebrew in 6 MinutesAJ- webinstall.dev/gitdeployAJ- Mic Shootout: Best Value & Budget Lavs under $50 - Røde, Giant Squid, Boya, Movo, Power DeWiseDan- Wix Student Program | Wix EnterDan- DHH on TwitterSponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Sentry: Resolve JavaScript errors and performance issues with SentryDexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB Support 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 Mars 20211h 6min

JSJ 474: Things JavaScript Developers Should Know, Part 1

JSJ 474: Things JavaScript Developers Should Know, Part 1

Having done a three-part series on the things JavaScript developers MUST know, Dan now leads a panel discussion on the things that JavaScript developers SHOULD know. These are things that devs can get by without knowing, but that will improve their abilities if they do know and understand. Subjects covered include: passing functions args by value vs by reference, sparse arrays, property descriptors, event capture, and more.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsSponsorsDexecureDev Heroes AcceleratorLinksBubbling and capturingPicksAimee- Load balancing and its different typesAJ- Ethan Garofolo - YouTubeAJ- XMissionAJ- LuaJITAJ- rclone | webinstall.devAJ- USB-C Cozy for USB C Adapters AJ- xkcd: SecurityDan- Tel Aviv weatherDan- Axel RauschmayerDan- 2ality – JavaScript and moreDan- JavaScript for impatient programmers (ES2021 edition)Sponsored By:Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB Support 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 Mars 20211h 22min

JSJ 473: The Elements framework with Chris Mather

JSJ 473: The Elements framework with Chris Mather

Steve and A.J. talk with Chris Mather, the creator of the Elements framework, a new monolith-style web framework for generating web apps. They discuss the reason for adding YAF (Yet Another Framework), the pieces that are used to build the framework, and how it all works together.PanelAJ O'NealSteve EdwardsGuestChris MatherSponsorsDexecureRaygun | Click here to get started on your free 14-day trialDev Heroes AcceleratorLinksElementsGitHub | elementscode/applicationPicksAJ- Ubiquiti - Simplifying ITAJ- UHD Friendly Blu-Ray LibreDriveChris- Having a babySteve- The COVID-19 Vaccines and God’s ProvidenceSpecial Guest: Chris Mather.Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB Support 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.

2 Mars 20211h 17min

Populärt inom Business & ekonomi

framgangspodden
badfluence
varvet
uppgang-och-fall
rss-borsens-finest
rss-jossan-nina
rss-svart-marknad
svd-ledarredaktionen
avanzapodden
lastbilspodden
rss-kort-lang-analyspodden-fran-di
rss-dagen-med-di
fill-or-kill
borsmorgon
tabberaset
24fragor
kapitalet-en-podd-om-ekonomi
rikatillsammans-om-privatekonomi-rikedom-i-livet
rss-en-rik-historia
rss-inga-dumma-fragor-om-pengar