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)

219 JSJ Learning JavaScript in 2016

219 JSJ Learning JavaScript in 2016

Check out Newbie Remote Conf! 02:44 - What it Takes to Learn JavaScript in 201604:03 - Resources: Then vs Now09:42 - Are there prerequisites? Should you have experience?20:34 - Choosing What to LearnThe iPhreaks Show Episode #153: Using Mobile Devices to Manage Diabetes with Scott Hanselman28:19 - Deciding What to Learn Next31:19 - Keeping Up: Obligations As a Developer34:22 - Deciding What to Learn Next (Cont’d)42:01 - RecommendationsYou-Dont-Know-JSgulp.jswebpackThe Little SchemerDesigning Data-Intensive Applications by Martin Kleppmann Picksaccidentally nonblocking (Jamison)choo (Jamison)Web Rebels (Jamison)React Rally (Jamison)Grab The Gold (Aimee)node-for-beginners (Aimee)Procrastinate On Purpose by Rory Vaden (Chuck)Newbie Remote Conf (Chuck)Get A Coder Job (Chuck)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 Juli 201654min

218 JSJ Ember.js with Yehuda Katz

218 JSJ Ember.js with Yehuda Katz

Check out Newbie Remote Conf! 02:38 - Yehuda Katz IntroductionTwitterGitHubBlogTildePeter Solnic: My time with Rails is upPeter Solnic: Abstractions and the role of a framework (Follow-up)Ember.jsThe Skylight Blog: Inside Skylight05:37 - Batching Updates10:04 - NamingFastbootServicesglimmer14:19 - CommunicationSkylight16:21 - Decorators19:46 - “Junior Developer” and Knowledge BiasCodeNewbie Ep. 90: Creating EmberJS - Part I with Yehuda KatzCodeNewbie Ep. 91: Creating EmberJS - Part II with Yehuda Katz28:25 - Termanology in Tech29:23 - DiversityWomen Helping Women PicksEvent Driven: How to Run Memorable Tech Conferences by Leah Silber (Yehuda)TypeScript (Yehuda)emberjs/rfcs (Yehuda)rust-lang/rfcs (Yehuda)Pretty Pull Requests (Aimee)Full-Stack Redux Tutorial by Tero Parviainen (Aimee)The mountains (AJ)The quadruple click in iTerm2 (Dave)2016 UtahJS Conference (Dave)Start With Why by Simon Sinek (Chuck)Special Guest: Yehuda Katz. 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.

29 Juni 201628min

217 JSJ The Now Project with Guillermo Rauch

217 JSJ The Now Project with Guillermo Rauch

Check out Newbie Remote Conf and get your tickets! 02:24 - Guillermo Rauch IntroductionTwitterGitHubBlogZEIT@zeithq  CloudupMongoose.jsSocket.IO03:07 - Now: Realtime Node.js Deployments 04:28 - Key Conceptsnow-serveHeroku10:22 - Deployment Process14:55 - Getting Started ExperienceAbout17:22 - Technology vs Design20:36 - Running Now vs npm-install 27:17 - Simplicity; SSH and Metrics35:33 - Debugging and Performance37:34 - Security41:44 - What’s Next? PicksOverwatch (Joe)To Kill A Mockingbird by Harper Lee (Jamison)React Rally (Jamison)Grokking Algorithms: An illustrated guide for programmers and other curious people by Aditya Y. Bhargava (Aimee)Birgitta Böckeler: Born for it (Aimee)TSA Pre✓ (Chuck)RIF6 Cube 2-inch Mobile Projector (Chuck)Eat That Frog!: 21 Great Ways to Stop Procrastinating and Get More Done in Less Time by Brian Tracy (Guillermo)Special Guest: Guillermo Rauch. 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.

22 Juni 201651min

216 JSJ Angular with Rob Wormald Live from Microsoft Build 2016

216 JSJ Angular with Rob Wormald Live from Microsoft Build 2016

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Rob Wormald of the Angular Core team at Google about Angular. You can follow him on Twitter, or check out what he’s done over on GitHub. PicksVisual Studio Code (Rob)Service Workers (Rob)Richard Campbell and Carl Franklin from .NETRocks (Chuck)Special Guest: Rob Wormald. 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.

15 Juni 20161h 2min

215 JSJ ChakraCode with Guarav Seth Live from Microsoft Build 2016

215 JSJ ChakraCode with Guarav Seth Live from Microsoft Build 2016

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Gaurav Seth of Microsoft about ChakraCore. You can follow him on Twitter, or check out what he’s done over on GitHub. PicksTypeScript (Gaurav)Richard Campbell and Carl Franklin from .NETRocksSpecial Guest: Gaurav Seth. 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.

8 Juni 201630min

214 JSJ Pebble with Heiko Behrens and François Baldassari

214 JSJ Pebble with Heiko Behrens and François Baldassari

Check out Newbie Remote Conf! 02:11 - Heiko Behrens IntroductionTwitterGitHubBlog02:42 - François Baldassari IntroductionTwitterGitHub03:04 - JavaScript and PebbleEspruinojerryscript06:40 - Watch vs PhonePebble.js09:32 - Memory Constraints and Code Size LimitationsAPIsrockyjstween.js26:24 - Advantages of Writing in JavaScript32:09 - Capabilities of the WatchiPhreaks Episode #153: Using Mobile Devices to Manage Diabetes with Scott Hanselman37:08 - Running Web Servers39:29 - ResourcesrockyjsNewsletterPebble Slack ChannelPebble Developer Page@PebbleDevPebble TicToc Source41:58 - Voice Capabilities43:06 - UI For the Round Face vs Square Face46:18 - Future Pebble Milestones PicksVortex Poker 3 (Jamison)Thao & The Get Down Stay Down (Jamison)Maciej Ceglowski: Barely succeed! It's easier! (Jamison)The Way of Kings Trilogy by Brandon Sanderson (Joe)Juniors Are Awesome (Aimee)octotree (Aimee)Fully Alive by Ken Davis (Chuck)Sara Soueidan (Heiko)Jake Archibald: Using the service worker (Heiko)beyond tellerrand’s Videos (Heiko)Fabien Chouteau: Make with Ada: Formal proof on my wrist (François)pebble.rs (François)The World of Yesterday by Stefan Zweig (François) See AlsoiPhreaks Show Episode #146: Pebble with Heiko Behrens and Daniel Rodríguez TroitiñoSpecial Guests: François Baldassari and Heiko Behrens. 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.

1 Juni 201658min

213 JSJ Developer Evangelism with Greg Baugues

213 JSJ Developer Evangelism with Greg Baugues

Check out Newbie Remote Conf! July 13-15, 2016 02:16 - Greg Baugues IntroductionTwitterGitHubBlogTwilioRuby Rogues Episode #258: Twilio with Greg Baugues02:41 - Developer Evangelism04:23 - Evangelism at TwilioJeff Lawson07:05 - “Evangelism” 10:56 - Getting the Word OutSIGNAL13:28 - Keeping Up-to-DateGreg Baugues: Devs and Depression18:28 - Skills to Have as an EvangelistTechnical CredibilityPatienceEmpathyHustle21:21 - Getting Help From Companies25:39 - Handling Larger-scale Issues27:15 - Building an Evangelist Team29:44 - Panelist Experiences with Evangelism PicksBrené Brown: The power of vulnerability (Aimee)Udi Dahan: The Fallacy Of ReUse (Aimee)Calendly (Chuck)Gravity Forms (Chuck)Trello (Chuck)Slack (Chuck)Zoom (Chuck)Talky.io (Greg)SIGNAL (Greg)The Tim Ferriss Show (Greg)Billions (Greg)Special Guest: Greg Baugues. 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.

25 Maj 201655min

212 JSJ Horizon.js with Horizon.js with Michael Glukhovsky: Live from ng-conf!

212 JSJ Horizon.js with Horizon.js with Michael Glukhovsky: Live from ng-conf!

02:34 - Michael Glukhovsky IntroductionTwitterRethinkDB@rethinkdb02:35 - horizon-js 04:52 - Versus Open Source Firebase 06:15 - The Security ModelHorizon.io07:56 - The Admin Interface09:16 - RethinkDB + Horizon10:56 - Versus Meteor 13:35 - Message Format14:26 - Getting Started19:01 - Real-time21:24 - Security26:56 - The Grand Vision; Use Cases32:17 - Managing Deployment with Redundancy PicksThat Conference (Joe)AngularConnect (Joe)React Rally (Joe)Soft Skills Engineering Podcast (Dave)May the 4th (Chuck)The Developer Preview (Mike)The Art Spirit Paperback by Robert Henri (Mike)React Rally (Jamison)Uncanny Valley Podcast  (Jamison)Kishi Boshi (Jamison)David R. MacIver: On criticizing programming languages (without criticizing their users) (Aimee)Special Guest: Michael Glukhovsky. 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.

18 Maj 201640min

Populärt inom Business & ekonomi

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