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(731)

Node in the Browser and Much more: Web Containers with Eric Simons - JSJ 487

Node in the Browser and Much more: Web Containers with Eric Simons - JSJ 487

Eric Simons from Stackblitz joins the JSJ panel to discuss the game changing technology announced at Google.io this year. What they demonstrated was their ability to run NodeJS in the browser using new technology called Web Containers. However, the implications go well beyond the realities of running Node in the browser. Eric and the panel dive into the implications of what this new way of working could mean for the web and application development.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestEric SimonsSponsorsJavaScript Error and Performance Monitoring | SentryDigitalOceanDev Influencers AcceleratorLinksHow do I manually turn off/on voice guidance on my Jabra Evolve 75?JSJ 450: Native Features Inside The Browser – Introducing Google’s Project Fugu with Thomas Steiner | Devchat.tvJSJ 280: Stackblitz with Eric Simons and Albert Pai | Devchat.tvHow to publish N-API package | Node.jsIntroducing WebContainers: Run Node.js natively in your browserStackBlitzEricSimons - StackBlitzTwitter: Eric Simons ( @ericsimons40 )PicksAimee- GitHub | jtpio/jupyterliteAJ- WASM, Rust, the State of Async/Await - Utah Rust Nov 2020AJ- A 'Worst Nightmare' Cyberattack: The Untold Story Of The SolarWinds HackAJ- GitHub | dbohdan/classless-cssAJ- GitHub | therootcompany/tz.jsAJ- GitHub | therootcompany/async-routerCharles- DevOps 062: Behind the SolarWinds breach | Devchat.tvCharles- Ancestry®Charles- FamilySearchCharles- Learn your heritageCharles- Learn your country’s heritageDan- Why Hamas Keeps Fighting, and LosingDan- Jupiter's LegacyEric- Next.js ConfSteve- Tyrannosaurus on InstagramContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Eric Simons .Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryDigitalOcean: Get started on DigitalOcean App Platform with $100 in free credit at do.co/jabber.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 Kesä 20211h 18min

The 3 Essentials for Successful Job Outcomes - BONUS

The 3 Essentials for Successful Job Outcomes - BONUS

Chuck dives into the 3 essentials for getting the next successful outcome you want in your career. Whether that's something simple like a raise or something more complex like going freelance, you can achieve it by working on 3 main areas.First, building skills. The most obvious type of skills you'll need is technical skills. However, don't neglect your people skills and your organizational skills as well since you're often paid for how you work with people and enhance their work and how you put your work together in the most efficient ways.Second, building relationships. Often other people will be able to help you find the opportunities or will be the ones to make the decisions that impact your ability to get the outcome you want. Having good relationships is key to having good outcomes.Third, building recognition. Being known for being valuable in important ways allows you to leverage the skills you have to build better relationships and create opportunities to get what you need to get the outcomes you want by giving people what they want. A podcast is a great way to do all three. Chuck explains exactly how that works in this podcast and goes deeper as part of the Dev Influencers Accelerator.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.

4 Kesä 202135min

CrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486

CrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486

Rick Viscomi joins us from Google to talk to us about the Chrome User Experience Report (CrUX) and the HTTP Archive. He explains what it tells us about how the web is built, how it performs, and what we know about the web today.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestRick ViscomiSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial LinksJSJ 334: “Web Performance API” with Dan Shappir | Devchat.tvJSJ 428: The Alphabet Soup of Performance Measurements | Devchat.tvIs my host fast yet?Twitter: Rick Viscomi ( @rick_viscomi )PicksAimee- SparkPostAimee- BigQuery: Qwik Start - ConsoleAJ- SendGridAJ- Tuscan Dairy Whole Vitamin D MilkAJ- The Twelve-Factor AppAJ- webinstall.dev/fzfDan- Great TVDan- Keep daylight savings time all year roundRick- Vsauce - YouTubeRick- Uranium Ore Steve- The State of CSS SurveySteve- GitHub | State of JS 2020 QuestionsContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Rick Viscomi.Sponsored By:Raygun: 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.

1 Kesä 20211h 9min

How to Get Hired at a FANG Company - BONUS

How to Get Hired at a FANG Company - BONUS

Chuck explains what he taught Nathan last week when we asked how to get hired at a FANG (Facebook Apple/Amazon Netflix Google) company. Essentially, it boils down to how to build the skills and knowledge needed to pass the interview. How to build the relationships to get into the door and have the interviewer want you to succeed. And how to build the reputation that has the company wanting you regardless of the outcome. This approach also works for speaking at conferences, selling courses, and other outcomes as well as it's the core of building a successful career as an influencer.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.

28 Touko 202122min

Things JavaScript Developers Should Know, Part 2 - JSJ 485

Things JavaScript Developers Should Know, Part 2 - JSJ 485

Dan Shappir leads the Jabber crew on another discussion on the things JavaScript developers should know.They discuss WeakMap, WeakSets, and WeakReferences. They dive into where and how they are used and which places they're implemented.The conversation starts with garbage collection is and how it works and then moves into the implications it has for this kind of referencings.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsSponsorsDev Influencers AcceleratorJavaScript Error and Performance Monitoring | SentryLinksWeakMap - JavaScriptWeak references and finalizersPicksAimee- How to Read Books When You Have ADHDAJ- Elemental: War of Magic | War StoriesAJ- Ars Technica: War Stories Season 1AJ- Super Guitar BrosAJ- CREATE FOLDER RECURSIVELY WITH POWERSHELLCharles- Having terrific people in your lifeCharles- Monday.comCharles- The Common Path to Uncommon SuccessDan- Israelis no longer need to wear masksDan- Google introduced a new featureSteve- DoesTheDogDie.comContact Aimee:Aimee Knight - Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | Facebook Twitter: Beyond Code Bootcamp ( @_beyondcode )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSponsored By:Sentry: Resolve JavaScript errors and performance issues with SentrySupport 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 Touko 20211h 16min

Data Wrangling in JavaScript with Ashley Davis - JSJ 484

Data Wrangling in JavaScript with Ashley Davis - JSJ 484

Ashley Davis jumps in to talk to Dan Shappir about wrangling data using JavaScript.Ashley describes his journey into JavaScript and his exposure to the web platform. From there he walks Dan through learning data science and building systems in Python before coming back to JavaScript.He talks through the tools and techniques used to manage data in JavaScript as well as how it can be done!PanelDan ShappirGuestAshley DavisSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial LinksData Wrangling with JavaScriptData-ForgeProject JupyterCharlie Gerard on TwitterBootstrapping Microservices with Docker, Kubernetes, and Terraform Code CapersData-Forge NotebookJSJ 442: Breaking Into Tech with Danny Thompson | Devchat.tvTwitter: Ashley Davis ( @ashleydavis75 )PicksAshley- AshleyDavis- TwitchDan- Interlude: Rethinking the JavaScript Pipeline OperatorContact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Special Guest: Ashley Davis.Sponsored By:Raygun: 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.

18 Touko 20211h 7min

Women on Stage and in Tech with Moran Weber - JSJ 483

Women on Stage and in Tech with Moran Weber - JSJ 483

Moran Weber is the CEO of Women on Stage. She helps women prepare for and speak on stages at conferences in technology and other related areas. She joins the Jabber panel this week to discuss women's place in technology, the importance of them appearing at conferences, and the outcomes of women in the technology space.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestMoran WeberSponsorsDev Influencers AcceleratorLinksMJS 078: Steve Edwards | Devchat.tvMJS 108: Dan Shappir | Devchat.tvViews on Vue: VUE 137: Using Laravel and VueJS in an Enterprise ApplicationCREATE FOLDER RECURSIVELY WITH POWERSHELLTwitter: Moran Weber ( @moranWeber )PicksAimee- Reverse Engineering a Docker Image - The Art of MachineryAJ- Follow Beyond Code Bootcamp: FacebookAJ- Beyond Code Bootcamp - YouTubeAJ- Twitter: Beyond Code Bootcamp ( @_beyondcode )AJ- webinstall.dev/vim-essentialsAJ- Jesus Christ AJ- New TestamentCharles- Dev Influencers | Devchat.tvCharles- Podcast Guest Preparation InstructionsCharles- The Courier (2020)Dan- Music ShowDan- Back/forward cacheMoran- Women tech speakers | Women on StageSteve- Timothy Keller Sermons Podcast by Gospel in LifeSteve- icanhazdadjokeSpecial Guest: Moran Weber . 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.

11 Touko 20211h 19min

Becoming the Go-To Person in Your Technology Area - BONUS

Becoming the Go-To Person in Your Technology Area - BONUS

Chuck was on a strategic call with one of his potential coaching clients talking about cryptocurrencies and realized that this is one of the major reasons that people want to become influencers. Or, rather, that many people aspire to make a difference and/or make money and the best way to do that is to become the person people go to for what you do.So, how do you become the first person people think of when they think of that thing you know how to do? Let Chuck tell you.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.

7 Touko 202116min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
mimmit-sijoittaa
psykopodiaa-podcast
rss-rahapodi
ostan-asuntoja-podcast
hyva-paha-johtaminen
rss-lahtijat
oppimisen-psykologia
pomojen-suusta
rss-rahamania
lakicast
rss-neuvottelija-sami-miettinen
herrasmieshakkerit
rss-ammattipodcast
rss-yritys-ja-erehdys
rss-rahataito-podcast
inderespodi
rss-myynti-ei-ole-kirosana
rahapuhetta
rss-inderes