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)

203 JSJ Aurelia with Rob Eisenberg

203 JSJ Aurelia with Rob Eisenberg

Check out React Remote Conf!  02:31 - Rob Eisenberg IntroductionTwitter GitHub Blog02:55 - AureliaBlog03:43 - Selling People on Aurelia vs Other Frameworks11:09 - Using Aurelia Without Directly Engaging with the APIWeb Components 15:10 - Production Usage18:46 - Specific Uses23:03 - Durandal 25:26 - Aurelia and Angular 230:32 - Convention Over Configuration34:56 - Web ComponentsContent Projection (Transclusion)Polymer41:13 - One-directional Data Flow; Data BindingUsing a Binding System as Messaging System46:55 - Routing49:47 - Animation52:56 - Code Size55:06 - Version Support56:27 - Performance Tools01:00:20 - Aurelia in ES501:01:29 - Data ManagementBreeze.jsPicksCrispy Bacon (Joe) A Gentleman’s Guide to Love and Murder (Joe) Jamison Dance: Rethinking All Practices: Building Applications in Elm @ React.js Conf 2016 (Joe) Vessel | Lorn (Jamison) The Moon Rang Like a Bell | Hundred Waters (Jamison) The Top 10 Episodes of JavaScript Jabber (Chuck) Amazon Prime (Chuck) WiiU (Chuck) Sketch (Rob) Zeplin (Rob) servo (Rob)Special Guest: Rob Eisenberg. 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 Maalis 20161h 11min

202 JSJ DoneJS + CanJS with Justin Meyer

202 JSJ DoneJS + CanJS with Justin Meyer

Check out and get your tickets for React Remote Conf! May 11th-13th, 2016. 02:30 - Justin Meyer IntroductionTwitter GitHubBitoviJavaScriptMVC03:02 - DoneJS and CanJS@DoneJS  @CanJS05:44 - Versus Meteor 07:41 - Versus ReactSet Algebra12:06 - Getting Started with DoneJSdonejs.com/place-my-order.html 18:04 - Can <=> DoneMVVM (Model–View–Viewmodel)ObservablesPaginationPreventing Loop Issues25:39 - MVC => MVVM28:24 - Flux vs MVVM32:20 - Use Cases39:19 - App SizeStealJSPicks Beautiful Eyes Album by Taylor Swift (AJ) When Amazon Dies (AJ) PROTODOME (AJ) City Libraries (AJ) The Crucible of Doubt: Reflections On the Quest for Faith (AJ) Learn X in Y Minutes (Aimee) Which cat is your JavaScript framework? (Aimee) @johnpapa Tweet (Joe) SumoMe (Chuck) Drip (Chuck) 7 Wonders (Chuck) Shadow Hunters (Chuck) Calamity (The Reckoners) by Brandon Sanderson (Chuck) Staked (The Iron Druid Chronicles) by Kevin Hearne (Chuck) BB-8™ by Sphero (Justin) Hyperion Cantos Series (Justin) UtahJS (Justin)Special Guest: Justin Meyer. 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 Maalis 201655min

201 JSJ Security with Troy Hunt

201 JSJ Security with Troy Hunt

02:32 - Troy Hunt IntroductionTwitter GitHub BlogTroy Hunt's Pluralsight Courses04:12 - Why should people care about security?06:19 - When People/Businesses Get Hacked09:47 - “Hacking”Social EngineeringBeEF11:42 - Inventive “Hacks”SQL InjectionsqlmapStuxnet 13:24 - Motivation for Hacking/Can hacking be valuable?17:08 - Consequences and Retribution19:10 - How to Build Secure Applications20:47 - Weighing in UX22:50 - Common MisconceptionsPassword StoragehashcatEncodingCookies31:27 - Passwords (Cont’d)33:16 - Justifying the Importance of Security35:24 - Client-side SecurityCross-side ScriptingDOM Based Cross-side ScriptingContent Security Policy (CSP)44:10 - ResourcesAngularJS Security FundamentalsHack Yourself First 45:27 - Routing47:21 - Timeouts51:36 - Cached DataPicks awesome-react (Aimee) Edsger W. Dijkstra Quotes (Jamison) Sam Newman: Telstra, Human Error and Blame Culture (Jamison) Infinite Jest by David Foster Wallace (Jamison) T.I.M.E Stories (Joe) We Are Anonymous: Inside the Hacker World of LulzSec, Anonymous, and the Global Cyber Insurgency Paperback by Parmy Olson (Troy) The Have I been pwned Project (Troy)Special Guest: Troy Hunt. 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 Maalis 20161h 7min

200 JSJ EPISODE 200!!!

200 JSJ EPISODE 200!!!

02:52 - What’s up Merrick Christensen?Twitter GitHubBlog03:43 - Favorite EpisodesEpisode #124: The Origin of Javascript with Brendan EichEpisode #037: Specialized vs Monolithic with James Halliday and Tom Dale  Episode #071: JavaScript Strategies at Microsoft with Scott HanselmanEpisode #044: Book Club: Effective JavaScript with David HermanEpisode #161: Rust with David HermanEpisode #008: V8 and Dart with Lars Bak and Kasper LundEpisode #175: Elm with Evan Czaplicki and Richard FeldmanRuby Rogues Episode #212: Elm with Richard Feldman and Evan CzaplickiAdventures in Angular Episode #80: Aurelia with Rob Eisenberg08:58 - How have ideas about JavaScript changed since being a panelist on the show?jQuery adding 2 numbers from input fields15:01 - Off the Air Experiences        20:23 - Work/Job ChangesKuali23:54 - JS Jabber = Newbie-Friendly24:58 - Work/Job Changes (Cont’d)DaplieAll Remote Conferences35:25 - Organizing Conferences and Name Recognition Dave Smith: How React literally waters my lawn from React Rally40:55 - Spinoff ShowsAdventures in AngularWeb Security WarriorsReact Native RadioJavaScript AirAngular Air45:08 - Podcast Administration and Organization; Episode Release TimelineMandyUpworkPicks JavaScript Jabber (Joe) The Harry Potter Audiobooks (Joe) Calamity by Brandon Sanderson (Joe) AngularConnect (Joe) Dennis Overbye: Gravitational Waves Detected, Confirming Einstein’s Theory (AJ) The God Who Weeps: How Mormonism Makes Sense of Life by Terryl Givens (AJ) Julia Evans: Have high expectations for your computers (Jamison) January 28th GitHub Incident Report (Aimee) Denzel Brade: Front End Dev — Running before you can walk (Aimee) Captivating Revised and Updated: Unveiling the Mystery of a Woman's Soul by John Eldredge and Stasi Eldredge (Aimee) drone (Merrick) Haskell Book (Merrick) Amazon Prime (Chuck) nexxt Maine Wall Shelf/Floating Ledge (Chuck) Read the presidential candidate’s books (Chuck) Special Guest: Merrick Christensen. 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 Helmi 201633min

199 JSJ Visual Studio Code with Chris Dias and Erich Gamma

199 JSJ Visual Studio Code with Chris Dias and Erich Gamma

Check out allremoteconfs.com to get in on all the conference action this year -- from the comfort of your own home! 02:13 - Chris Dias IntroductionTwitter GitHub02:21 - Erich Gamma IntroductionTwitter GitHub02:31 - Visual Studio Code@code 03:49 - Built on ElectronJavaScript Jabber Episode #193: Electron with Jessica Lord and Amy Palamountain 04:25 - Why another tool?Visual DebuggingKeybinding Support08:12 - Code Folding09:00 - Will people move from Visual Studio to Visual Studio Code?12:06 - Language SupportC#18:06 - Visual Studio Code and Microsoft Goals22:47 - Community Support and Building Extensions28:31 - The Choice to Use Electron32:41 - Getting VS Code to Work on the Command Line35:02 - Tabs38:49 - Visual Studio Code Uptake and Adoption40:11 - Licenses44:46 - Designing a UX for Developers58:15 - Design PatternsPicks LEGO Star Wars: The Force Awakens Video Game - Announce Teaser Trailer (Joe) Firebase (Joe) Progress bar noticeably slows down npm install: Issue #11283 (Jamison) Darkest Dungeon (Jamison) Trek Glowacki Twitter Thread (Jamison) Mogo Portable Seat (Chuck) Clear Acrylic Wall Mountable 10 Slot Dry Erase Marker & Eraser Holder Organizer Rack (Chuck) Bitmap Graphics SIGGRAPH'84 Course Notes (Erich) Salsa (Chris) The Microsoft Band (Chris) Making a Murderer (Chris)Special Guests: Chris Dias and Erich Gamma . 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 Helmi 20161h

198 JSJ 2015 Recap and 2016 Predictions

198 JSJ 2015 Recap and 2016 Predictions

02:36 - Big Changes in the JavaScript Community in 2015Star Wars (Joke)Star Wars | Code.orgThe Star Wars APIThe Year of ReactMerge Between Node.js and io.jsThe Year of Tool FatigueJavaScript Jabber Episode #194: JavaScript Tools Fatigue09:38 - Other Uses of JavaScriptReact NativeNativeScriptElectronCordovaiOT (Internet of Things)Elm10:56 - Functional Programming 19:16 - Elm / redux 22:40 - RxJS and Reactive ProgrammingVictor Savkin: Managing State in Angular 2 Applications25:00 - ES201527:43 - Types: TypeScript / Flow 30:59 - npm 33:00 - Junior Developers and BootcampsThinkfulBloc47:27 - Will other communities start looking at Node?49:18 - Building Mobile Apps with JavaScript50:09 - Text Editors or IDEs?Visual Studio CodePicks Victor Savkin: Managing State in Angular 2 Applications (Joe) Desserts of Kharak (Joe) The Prodigals Club (Joe) AST explorer (Aimee) Chyld Medford (Aimee) Mazie's Girl Scout Cookie Digital Order Site (Aimee) Mogo Portable Seat (Chuck) Patt Flynn: How to Write a Book: The Secret to a Super Fast First Draft (Chuck) React Remote Conf (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.

10 Helmi 201659min

197 JSJ Auth0 with Kassandra Perch

197 JSJ Auth0 with Kassandra Perch

02:03 - Kassandra Perch IntroductionTwitter GitHub Blog02:46 - Auth0 04:10 - Centralized Auth Services: Handing Out User Data to Third Parties05:32 - Security, Storage, and Compliance08:48 - Managing Session Data09:35 - Cookies vs JSON Web Tokens (JWTs)How Authentication Works12:47 - OAuthOpenID Connect14:12 - Identification, Authorization, and Authentication20:16 - Auth0 InfrastructureChaos Monkey22:10 - Using Node 23:06 - The BackendFirebase 24:25 - Documentation and Education36:42 - The Value of OpenID Connect 38:25 - IdentityPicks Add AJ on Tri-Force Heroes (AJ) Making a Murderer (AJ) Mazie's Girl Scout Digital Cookie Site (Aimee) React (with Introduction to Flux Architecture) (Aimee) Jordan Scales: Let’s Make A Webpage In 2016 (Jamison) building-brooklynjs (Jamison) Cult of the Party Parrot (Jamison) CSS-Tricks (Jamison) Auth0 Docs (Kassandra) OpenID Foundation (Kassandra) Mario & Luigi: Paper Jam (Kassandra)Special Guest: Kassandra Perch. 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 Helmi 201640min

196 JSJ Tabris.js with Jochen Krause and Ian Bull

196 JSJ Tabris.js with Jochen Krause and Ian Bull

Check out Freelance Remote Conf and React Remote Conf! 02:31 - Jochen Krause IntroductionTwitterEclipseSource03:21 - Ian Bull IntroductionTwitter GitHub Blog04:01 - Tabris.jstabris-js (GitHub)04:48 - Tabris vs React, Cordova, and React NativeExposing Bluetooth Functionality08:25 - Benefits/Advantages of Using Tabrisj2v8 12:45 - Creating Panels and Flows14:26 - Getting Started Experience16:40 - Handling Updates; Live UpdatingThe Tabris.js Developer App Will Apple eventually ever have to give in?25:15 - Views (Declarative and Imperative UI)Ext JS29:09 - "Write once, run anywhere." vs "Learn once write anywhere."35:21 - Why have other projects failed or not failed?Xamarin39:41 - What does it mean to be statically compiled?40:44 - Styling: Creating a Middle Group that Looks and Feels Good (iOS vs Android)Cross-platform Logic and Ecosystems47:51 - ES6 Implications49:29 - PluginsCocoaPods and Widgets'Picks Star Wars Essentials (AJ) Star Wars: The Force Awakens (AJ) Thing Explainer: Complicated Stuff in Simple Words by Randall Munroe (AJ) James Edwards: Making a Mini-Lisp: Introduction to Transpilers (Aimee) Nick Saban (Aimee) Lloyd Borrett: Bill Gates and Petals Around the Rose (Jamison) Dan Luu: Normalization of Deviance in Software: How Completely Broken Practices Become Normal (Jamison) Craig Stuntz: Programs that Write Programs: How Compilers Work (Jamison) Microsoft (Dave) Tina Fey (Dave) thoughtram Blog (Dave) Pascal Precht (Dave) CES (Chuck) The Modern Team (Ian) Eric Elliott (Ian) Thinking, Fast and Slow by Daniel Kahneman (Jochen)Special Guests: Ian Bull and Jochen Krause. 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 Tammi 20161h 8min

Suosittua kategoriassa Liike-elämä ja talous

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