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)

227 JSJ Fostering Community Through React with Benjamin Dunphy, Berkeley Martinez, and Ian Sinnott

227 JSJ Fostering Community Through React with Benjamin Dunphy, Berkeley Martinez, and Ian Sinnott

03:08 - Benjamin Dunphy IntroductionTwitterGitHub04:07 - Berkeley Martinez IntroductionTwitterGitHubFree Code Camp04:19 - Ian Sinnott IntroductionTwitterGitHubBlogTruSTAR Technology05:19 - The React Codebase12:38 - Other Important Parts of the React Ecosystem14:22 - The Angular vs the React Ecosystem and CommunityThe Learning Curvecreate-react-app22:07 - CommunityDeveloper ExperienceFunctional Programming26:56 - Getting Connected to the React CommunityMeetup: Real World React@rwreactReactJS San Francisco Bay Area MeetupMeetupEventbriteCalagatorTwitterDan Abramov: My React List29:34 - ConferencesReact.js ConfReact RallyReactNextReactiveConfReactEurope33:28 - Technology From the CommunityreduxThunderCats.js 38:23 - Choices Are Expanding; Not ShrinkingLinting40:19 - The Future of React42:39 - Starting More Communities PicksThis Developing Story (Aimee)Nashville (Aimee)Nodevember (Aimee)egghead.io: React in 7 Minutes (Ben)Lee Byron: Immutable User Interfaces @ Render 2016 (Ben)Nick Schrock: React.js Conf 2016 Keynote (Ben)create-react-app (Ian)Functional Programming Jargon (Ian)The Serverless Framework (Ian)Ben's Blog (Berkeley)Isaac Asimov’s Robot Series (Berkeley)Vsauce: The Zipf Mystery (Berkeley)Kinesis Advantage for PC & Mac (Dave)Special Guests: Benjamin Dunphy, Berkeley Martinez, and Ian Sinnott. 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.

31 Aug 201651min

226 JSJ Test Doubles with Justin Searls

226 JSJ Test Doubles with Justin Searls

React Remote Conf and Angular Remote Conf  03:15 - Justin Searls IntroductionTwitterGitHubBlogTest DoubleJavaScript Jabber Episode #038: Jasmine with Justin Searls04:13 - Testingtestdouble.jsteenytestSinon.JS08:44 - MockingGrowing Object-Oriented Software, Guided by Tests by Steve Freeman and Nat PryceJim Weirich14:45 - Starting These Concepts as a Junior DeveloperTest-driven Development17:55 - testdouble.js vs. sinon.jsNIH = Not Invented Here26:39 - Duck Typing, Monkey Patching, Duck Punching32:22 - Node.js NegativityDesign, Resources Martin Fowler’s Refactoring and Patterns BooksDomain-Driven Design: Tackling Complexity in the Heart of Software by Eric Evans42:52 - Community45:08 - The AAA Rule: Arrange, Act, Assert51:19 - Error Messages PicksUnemployment (Jamison)React Rally (Jamison)Julia Evans' Tweet: how to be a wizard programmer  (Jamison)See the good in people (Aimee)Sinon.JS (Joe)How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar (Chuck)The Harry Potter Series (Chuck)RetroPie (Justin)How Elm can Make you a Better JavaScript Programer (Justin)NEJS Conf (Justin)Special Guest: Justin Searls. 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.

24 Aug 20161h 4min

225 JSJ Functional Programming with John A. De Goes

225 JSJ Functional Programming with John A. De Goes

03:08 - John A. De Goes IntroductionTwitterGitHubBlogSlamData04:07 - PureScriptJavaScript Jabber Episode #189: PureScript with John A. De Goes and Phil Freeman04:58 - “Purely Functional” 09:18 - Weaknesses With Functional ProgrammingObject-oriented ProgrammingProcedural Programming14:36 - Organizing a FP CodebaseJohn A. De Goes: A Modern Architecture for FP17:54 - Beginners and Functional Programming; Getting StartedLearning About the History of Functional ProgrammingHiring Junior Devs to do FP28:20 - The Rise of Functional Programming in JavaScript-land32:08 - Handling Existing Applications36:03 - Complexity Argument41:53 - Weighing Language Tradeoffs; Alt.js  PicksNadia Odunayo: The Guest: A Guide To Code Hospitality @ RailsConf 2016 (Aimee)React Rally (Jamison)Cleanup Algorithm (Jamison)PostgreSQL Exercises (Jamison)iPad Pro (Chuck)Smart Keyboard for iPad Pro (Chuck)Apple Pencil (Chuck)GoodNotes (Chuck)John A. De Goes: Halogen: Past, Present, and Future (John)slamdata (John)Special Guest: John A. De Goes. 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.

17 Aug 201656min

224 JSJ Cypress.js with Brian Mann

224 JSJ Cypress.js with Brian Mann

Angular Remote Conf and React Remote Conf  03:18 - Brian Mann IntroductionTwitterGitHub03:33 - Cypress.io 04:09 - Selenium 08:56 - Cypress vs Selenium16:54 - Similarities: Cypress and Protractor 18:22 - Mocking API Data20:40 - Getting Started with Cypress and The Migration Process21:54 - Testing30:31 - Handling Data on the Backend34:16 - What’s coming next in Cypress?Special Guest: Brian Mann. 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.

10 Aug 201645min

223 JSJ WebStorm with Dennis Ushakov

223 JSJ WebStorm with Dennis Ushakov

React Remote Conf and Angular Remote Conf  03:18 - Dennis Ushakov IntroductionTwitterGitHubJetBrainsJetBrains Issue TrackerWebStorm@WebStormIDE  03:54 - Writing an IDE in JavaYouTrackTeamCity  04:50 - Specs05:43 - WebStorm DefinedIntegrated Development Environment (IDE)06:19 - IDEs vs Text Editors08:31 - Building an IDELanguage SupportExternal Tool SupportAbstract Syntax Tree (AST)13:00 - Code Reuse15:07 - Prioritizing Features17:11 - Why is IDE tooling important?“Code is read a lot more than it’s written.”19:57 - RefactoringsThe Dynamic Nature of JavaScriptTypeScript-specific Refactorings23:35 - Next Versions of WebstormEarly Access Program25:07 - Framework Support; Usage Data28:12 - Other Technology and Framework Support31:12 - Working for JetBrains 32:17 - Release Cycles and ProceduresEarly Access Program34:39 - Java Source Code ContributionKotlin PicksJesse Kriss: Human scale technology (Jamison)React Rally (Jamison)Vote (Chuck)Transmit (Chuck)Steam Squad (Dennis)Ergobaby Four Position 360 Baby Carrier (Dennis)Special Guest: Dennis Ushakov. 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.

3 Aug 20161h 18min

222 JSJ Nodal with Keith Horwood

222 JSJ Nodal with Keith Horwood

02:35 - Keith Horwood IntroductionTwitterGitHubBlogPolybit02:50 - Nodal | nodalThe LAMP StackNode.jsDjangoRails05:41 - Frameworks07:56 - Async Flow; Callback ExecutionBrian LeRoux10:29 - Nodal Use Cases13:11 - GraphQL 15:07 - PostgreSQL 17:56 - Developer Evolutiongithub.com/poly/dotcom24:05 - Scheduled Tasks and MigrationsSidekiq28:57 - ORM Flexibility33:14 - API Payloads35:24 - The ORM40:37 - Testing43:10 - 1.0?45:18 - Getting Started PicksThe 2016 UtahJS Conference (Dave)Writing good code: how to reduce the cognitive load of your code (Aimee)Natural Calm (Aimee)Unplugging from technology (Chuck)#CodeNewbie (Chuck)Angular Remote Conf (Chuck)React Remote Conf (Chuck)Rails Remote Conf (Chuck)All Remote Confs (Chuck)React, IoT, Bots, APIs — Why Web Development Needs a Change (Keith)fortran-machine (Keith)Special Guest: Keith Horwood . 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.

27 Juli 201656min

221 JSJ Visual Studio Code with Wade Anderson Live From Microsoft Build 2016

221 JSJ Visual Studio Code with Wade Anderson Live From Microsoft Build 2016

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Wade Anderson of Microsoft about Visual Studio Code. You can follow him on Twitter, or check out what he’s done over on GitHub. PicksParks and Recreation (Wade)VidAngel (Wade) A special thanks again goes out to Richard Campbell and Carl Franklin from .NETRocks for putting this podcast series together! You rock!Special Guest: Wade Anderson. 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.

20 Juli 201636min

220 JSJ Teaching JavaScript with Kyle Simpson

220 JSJ Teaching JavaScript with Kyle Simpson

02:25 - Kyle Simpson IntroductionTwitterGitHubBlog“Getify”You-Dont-Know-JS[Pluralsight] Advanced JavaScript by Kyle Simpson04:43 - Development => TeachingFront End Masters16:20 - Inheritance and Delegation29:40 - Evolving a Language36:23 - CohersionWeak Typing, Dynamic TypingThe Politics of JavaScript by Angus Croll50:37 - PerformanceThe Width Keyword54:33 - Developer Education Programs and The Skill of Teaching PicksAdam Tornhill: Code, Crime, Complexity: Analyzing software with forensic psychology @ TEDxTrondheim (Aimee)Your Code as a Crime Scene: Use Forensic Techniques to Arrest Defects, Bottlenecks, and Bad Design in Your Programs by Adam Tornhill (Aimee)Planet Money Episode 704: Open Office (Jamison)Zooko's Triangle (Jamison)The Barkley Marathons (Jamison)React Rally (Jamison)X-Men: Apocalypse (Joe)America's Got Talent (Joe)Overwatch (Joe)Stack (Kyle)Jeremy Keith: A web for everyone (Kyle)Jeremy Keith: Regressive Web Apps (Kyle)Special Guest: Kyle Simpson. 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.

13 Juli 20161h 8min

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