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.

Jaksot(732)

JSJ 328: Functional Programming with Ramda with Christine Legge

JSJ 328: Functional Programming with Ramda with Christine Legge

Panel: Joe EamesAimee KnightAJ O'NealJoe Eames Special Guests: Christine LeggeIn this episode, the JavaScript Jabber panel talks to Christine Legge about functional programming with Ramda. Christine is a front-end software engineer and just recently got a new job in New York working at Google. Ramda is a utility library in JavaScript that focuses on making it easier to write JavaScript code in a functional way. They talk about functional programming and what it is, using Ramda in Redux, and referential transparency. They also touch on why she first got into Ramda, compare Ramda to Lodash and Underscore, and more!In particular, we dive pretty deep on:Chirstine intro Works as a front-end software engineerWhat is Ramda? JavaScriptUtility library like Lodash and UnderscoreLodash and Underscore VS RamdaFunctional programmingRamda and Functional programming as a mindsetRamda at ZenHubRamda with Redux and ReactWhat is referential transparency?Why would you use Ramda VS Lodash or Underscore?Why she first got into RamdaDidn’t always want to be a programmerBackground in MathLearning functional programming as a new programmerErlangDrRacket and JavaRamda makes it easy to compose functionsCreating clean and reusable codeHow do you start using Ramda?And much, much more! Links:RamdaLodashUnderscoreZenHubReduxReactErlangDrRacket@leggechrChirstine’s GitHubSponsorsKendo UISentryDigital OceanPicks:CharlesHome Depot Tool RentalPodcast MovementCESVRBOAimeeApple Cider VinegarJeremy Fairbank Talk – Practical Functional ProgrammingAJGoat’s MilkJoeTopgolfFramework SummitChristineDan ManganReply All PodcastSupport 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.

28 Elo 201855min

JSJ 327: "Greenlock and LetsEncrypt" with AJ O'Neal

JSJ 327: "Greenlock and LetsEncrypt" with AJ O'Neal

Panel:Charles Max WoodJoe Eames Special Guests: AJ O'NealIn this episode, the JavaScript Jabber panel talks to AJ O'Neal about Greenlock and LetsEncrypt. LetsEncrypt is a brand name and is the first of its kind in automated SSL and Greenlock does what Certbot does in a more simplified form. They talk about what led him to create Greenlock, compare Greenlock to Certbot, and what it’s like to use Greenlock. They also touch on Greenlock-express, how they make Greenlock better, and more!In particular, we dive pretty deep on:Greenlock and LetsEncrypt overviewLetsEncrypt is free to get your certificateWhy Charles uses LetsEncryptWildcard domainsCertbotWhy he originally created GreenlockWorking towards home serversWanted to get HTTP on small devicesManages a certificate directoryGreenlock VS CertbotGreenlock can work stand aloneThe best use case for GreenlockExcited about how people are using his toolWhat is it like to use Greenlock?Working on a desktop clientGreenlock-expressAcme serversCAA recordMaking Greenlock better by knowing how people are using itUsing Greenlock-expressLet's Encrypt v2 Step by Step by AJAnd much, much more!Links:LetsEncryptGreenlockCertbotGreenlock-expressAcme serversLet's Encrypt v2 Step by Step by AJ@coolaj86coolaj86.comAJ’s GitGreenlock.js Screencast SeriesGreenlock.js PatreonSponsorsKendo UISentryDigital OceanPicks:CharlesTake some time offAJOverClocked RecordsSupport 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.

21 Elo 201855min

JSJ 326: Conversation with Ember co-creator Tom Dale on Ember 3.0 and the future of Ember

JSJ 326: Conversation with Ember co-creator Tom Dale on Ember 3.0 and the future of Ember

Panel: Joe EamesAimee KnightAJ ONeal Special Guests: Tom DaleIn this episode, the JavaScript Jabber panel talks to Tom Dale about Ember 3.0 and the future of Ember. Tom is the co-creator of Ember and is a principle staff engineer at LinkedIn where he works on a team called Presentation Infrastructure. They talk about being in the customer service role, having a collaborative culture, and all the information on Ember 3.0. They also touch on the tendency towards disposable software, the Ember model, and more!In particular, we dive pretty deep on:How Joe met TomProgrammers as rule breakersThe pressure to conformTom introStaff engineer at LinkedInCustomer service roleHaving a way to role improvements out to a lot of different peopleJavaScript and Ember at LinkedInHaving a collaborative cultureAll about Ember 3.0Banner feature – there is nothing newCracked how you develop software in the open source world that has longevityMajor competition in Backbone previouslyThe Ember community has never been more vibrantTendency towards disposable softwareThe idea of steady iteration towards improvementThe Ember modelBeing different from different frameworksEmber adoption ratesPython 3Valuable from a business perspective to use EmberEmber community being friendly to newbiesHow much Ember VS how much JavaScript will a new developer have to learn?And much, much more!Links:EmberLinkedInJavaScriptBackbonePython@tomdaletomdale.netTom’s GitHubSponsorsKendo UISentryDigital OceanPicks:JoeFramework SummitJayneReact sent Evan You a cakeAimeeMaker's Schedule, Manager's Schedule by Paul GrahamAJJames VeitchTomJavaScript Tech TalkDrake’s TiesMelissa Watson Ellis at Hall MaddenSupport 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.

14 Elo 201857min

JSJ 325: Practical functional programming in JavaScript and languages like Elm with Jeremy Fairbank

JSJ 325: Practical functional programming in JavaScript and languages like Elm with Jeremy Fairbank

Panel: Aimee KnightJoe EamesAJ ONeal Special Guests: Jeremy FairbankIn this episode, the JavaScript Jabber panel talks to Jeremy Fairbank about his talk Practical Functional Programming. Jeremy is a remote software developer and consultant for Test Double. They talk about what Test Double is and what they do there and the 6 things he touched on in his talk, such as hard to follow code, function composition, and mutable vs immutable data. They also touch on the theory of unit testing, if functional programming is the solution, and more!In particular, we dive pretty deep on:Jeremy introWorks for Test DoubleWhat he means by “remote”What is Test Double?They believe software is broken and they are there to fix itHis talk - Practical Functional ProgrammingThe 6 things he talked about in his talkPractical aspects that any software engineer is going to deal withPurity and the side effects of programming in generalHard to follow codeImperative VS declarative codeCode breaking unexpectedlyMutable data VS immutable dataThe idea of too much codeCombining multiple functions together to make more complex functionsFunction compositionElm, Elixir, and F#Pipe operatorScary to refactor codeStatic typesThe idea of nullThe theory of unit testingIs functional programming the solution?His approach from the talkAnd much, much more!Links:Test DoubleHis talk - Practical Functional ProgrammingElmElixirF#@elpapapollojeremyfairbank.comJeremy’s GitHubJeremy’s YouTubeSponsorsKendo UISentryDigital OceanPicks:AimeeAmerican DollarForce with leaseAJSuperfightJoeThe 2018 Web Developer Roadmap by Brandon MorelliSvelteJeremyProgramming ElmThe Secrets of Consulting by Gerald M. WeinbergConnect.TechSupport 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.

7 Elo 201828min

JSJ 324: with Kent Beck

JSJ 324: with Kent Beck

Panel: Charles Max WoodJoe EamesAimee Knight Special Guests: Kent BeckIn this episode, the JavaScript Jabber panel talks to Kent Beck. Kent left Facebook 4 months ago after working for them for 7 years and is now self-unemployed so that he can decompress from the stressful environment that he was a part of for so long. He now travels, writes, creates art, thinks up crazy programming ideas, and is taking a breather.  They talk about what he did at Facebook, what his coaching engagement sessions consisted of, and the importance of taking time for yourself sometimes. They also touch on what he has learned from his experience coaching, how to create a healthy environment within the workplace, and more!In particular, we dive pretty deep on:Kent intro/updateRuby Rogues Episode 23Worked at Facebook for 7 yearsWhat were you doing at Facebook?Unique culture at FacebookHis strengths as a developer didn’t match with the organization’sCoaching developersTDD and PatternsAdvantages as an old engineerWhat did coaching engagement consist of?Takes time to build trustDischarging shameNeed permission to take care of what you need toBeing at your best so you can do your best workVacation in placeWhat have you learned in your time working with people?The nice thing about coachingEveryone is differentHow do we create a healthy environment within the workplace?Mentor in Ward CunninghamWhat is it costing us?Why did you decide to leave?And much, much more!Links:Ruby Rogues Episode 23@KentBeckkentbeck.comKent’s GitHubSponsorsKendo UISentryDigital OceanPicks:CharlesThe Five Dysfunctions of a Team by Patrick LencioniCrucial Accountability by Kerry PattersonAimeen-backJoeTest Driven Development: By Example by Kent BeckKentThe Field Guide to Understanding 'Human Error' by Sidney DekkerConspiracy: Peter Thiel, Hulk Hogan, Gawker, and the Anatomy of Intrigue by Ryan HolidaySupport 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 Heinä 20181h 6min

JSJ 323: "Building a JavaScript platform that gives you the power to build your own CDN" with Kurt Mackey

JSJ 323: "Building a JavaScript platform that gives you the power to build your own CDN" with Kurt Mackey

Panel: Charles Max WoodAJ ONeal Special Guests: Kurt MackeyIn this episode, the JavaScript Jabber panel talks to Kurt Mackey about Fly.io. At Fly.io, they are "building a JavaScript platform that gives you the power to build your own CDN." They talk about how Fly.io came to fruition, how CDN caching works, and what happens when you deploy a Fly app. They also touch on resizing images with Fly, how you actually build JavaScript platforms using Fly, and more!In particular, we dive pretty deep on:Fly.ioBuilding a programmable CDNHigh level overview of Fly.ioHow did this project come together?CDNs didn’t work with dynamic applicationsHas been working on this since 2008Extend application logic to the “edge”Putting burden of JavaScript “nastiest” onto the web serverFly is the proxy layerGetting things closer to visitors and usersCDN cachingCache APIsWriting logic to improve your lighthouse scoreHave you built in resizing images into Fly?Managing assets closer to the userCan you modify your own JavaScript files?What happens when you deploy a Fly appHaving more application logicDOM within the proxyGhostReact and GatsbyIntelligently loading client JavaScriptHow do you build the JavaScript platform?And much, much more!Links:Fly.ioJavaScriptGhostGatsbyReact@flydotio@mrkurtKurt at ARS TechnicaKurt’s GitHubSponsorsKendo UISentryDigital OceanPicks:CharlesGitLabAJGiteaBlack PantherKurtPacket.netThe Three-Body Problem by Cixin LiuSupport 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 Heinä 20181h 3min

JSJ 322: Building SharePoint Extensions with JavaScript with Vesa Juvonen LIVE at Microsoft Build

JSJ 322: Building SharePoint Extensions with JavaScript with Vesa Juvonen LIVE at Microsoft Build

Panel: Charles Max Wood Special Guests: Vesa JuvonenIn this episode, the JavaScript Jabber panel talks to Vesa Juvonen about building SharePoint extensions with JavaScript. Vesa is on the SharePoint development team and is responsible for the SharePoint Framework, which is the modern way of implementing SharePoint customizations with JavaScript. They talk about what SharePoint is, why they chose to use JavaScript with it, and how he maintains isolation. They also touch on the best way to get started with SharePoint, give some great resources to help you use it, and more!In particular, we dive pretty deep on:Vesa introWhat is SharePoint?Has existed since 2009People either know about it and use it or don’t know what it isBaggage from a customization perspectiveWhy JavaScript developers?Modernizing developmentSharePoint FrameworkMicrosoft Ignite ConferenceIs there a market for it?System integratorsAngular Element and ReactReact for SharePoint Framework back-endSupports VueReact Round Up PodcastHow do you maintain isolation?What’s the best way to get started with SharePoint extensions?Office 365 Developer ProgramSharePoint documentationSharePoint YouTubeWhat kinds of extensions are you seeing people build?And much, much more!Links:SharePointJavaScriptSharePoint FrameworkMicrosoft Ignite ConferenceAngular ElementReactVueReact Round Up PodcastOffice 365 Developer ProgramSharePoint documentationSharePoint YouTube @OfficeDev@vesajuvonenVesa’s blogVesa’s GitHub@SharePointSponsorsKendo UISentryDigital OceanPicks:CharlesZig ZiglarConversations with My Dog by Zig ZiglarPimsleur Lessons on AudibleVesaArmada by Ernest ClineSupport 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 Heinä 201831min

JSJ 321: Babel and Open Source Software with Henry Zhu

JSJ 321: Babel and Open Source Software with Henry Zhu

Panel: Charles Max WoodAimee KnightAJ ONealJoe Eames Special Guests: Henry ZhuIn this episode, the JavaScript Jabber panel talks to Henry Zhu about Babel and open source software. Henry is one of the maintainers on Babel, which is a JavaScript compiler, and recently left this job to work on doing open source full time as well as working on Babel. They talk about where Babel is today, what it actually is, and his focus on his open source career. They also touch on how he got started in open source, his first PR, and more!In particular, we dive pretty deep on:Henry introBabel updateSebastian McKenzie was the original creator of BabelHas learned a lot about being a maintainerWhat is Babel?JavaScript compilerYou never know who your user isHas much changed with Babel since Sebastian left?Working on open sourceHow did you get started in pen source?The ability to learn a lot from open sourceAtrocities of globalizationMore decentralization from GitHubGitea and GitLabGitea installerOpen source is more closed nowHis first PRJSCSAuto-fixingPrettierLearning more about lintingYou don’t have to have formal training to be successfulCodefund.ioSustainability of open sourceAnd much, much more!Links:BabelJavaScriptGiteaGitLabGitea installerPrettierCodefund.io@left_padHenry’s GitHubhenryzoo.comHenry’s PatreonSponsorsKendo UISentryDigital OceanPicks:CharlesOrphan BlackCrucial Accountability by Kerry PattersonAimeeDesk with cubby holes for catsThe Key to Good Luck Is an Open Mind blog postAJGiteaGitea installerGreenlockJoeSoloJustifiedHenryCelesteZeit Day talksSupport 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 Heinä 201857min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
mimmit-sijoittaa
rss-rahapodi
psykopodiaa-podcast
rss-lahtijat
ostan-asuntoja-podcast
hyva-paha-johtaminen
rss-rahamania
leadcast
inderespodi
oppimisen-psykologia
lakicast
rss-uppoava-vn-laiva
rss-bisnesta-bebeja
rss-seuraava-potilas
kasvun-kipuja
rss-strategian-seurassa
rss-karon-grilli
rss-merja-mahkan-rahat
rss-inderes