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)

JSJ 421: Semantic HTML with Bruce Lawson

JSJ 421: Semantic HTML with Bruce Lawson

Bruce Lawson is an expert in and proponent of semantic HTML. After receiving some good natured ribbing, Bruce walks the panel through the benefits of semantic HTML. He provides several examples on how it's used and in particular how it helps with other issues like accessibility and navigability on your websites.PanelAJ O’NealAimee KnightCharles Max WoodDan ShappirGuestBruce LawsonSponsorsG2iSpringboard | Promo code "JABBER" gives $500 off the job-guaranteed Course____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksWebAIM: Web Accessibility In Mind<input type="date">The 4 minute business case for accessible online shoppingPicksAJ O’Neal:Better Mic SoundCanon T4i 650DCanon T5i CourseMagic LanternFilmic Pro & PromovieAimee Knight:AddyOsmani.com - Native image lazy-loading for the web!Charles Max Wood:Codineer - 100 days of Vue challengeDan Shappir:Alex Russell - The Mobile Web: MIABruce Lawson WebsiteBruce Lawson:Taffy music bandFollow Bruce on Twitter @brucelSpecial Guest: Bruce Lawson. 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 Helmi 20201h 8min

JSJ 420: OpenAPI, Redoc, and API Documentation with Adam Altman

JSJ 420: OpenAPI, Redoc, and API Documentation with Adam Altman

Adam dives into how to document your application using OpenAPI (formerly Swagger) and then how to generate great documentation for your API's using Redoc. He gives us the history of Redoc, breaks down the process for building API documentation, and understanding the OpenAPI specification.PanelistsAimee KnightDan ShappirAJ ONealSteve EdwardsGuestAdam AltmanSponsorsG2i____________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________Linkshttps://twitter.com/redoclyHttps://Redoc.lyhttps://www.facebook.com/redoclyPicksSteve Edwards:https://wesbos.com/announcing-my-css-grid-course/https://flexbox.io/Aimee Knight:https://github.com/ErikCH/DevYouTubeListDan Shappir:Old Kingdom Book SeriesAJ O’Neal:Final Fantasy VII and VIII (Physical Copy, English) on Play AsiaAdam Altman:concepts.appSpecial Guest: Adam Altman. 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 Helmi 202045min

JSJ 419: Google App Script with Ben Collins

JSJ 419: Google App Script with Ben Collins

Today’s guest is Ben Collins, who creates online courses, writes tutorials, and teaches workshops around G Suite and App Script. Apps Script is a scripting platform developed by Google for light-weight application development in the G Suite platform. It is an implementation of JavaScript with the express purpose of extending Google apps. App Script was started 10 years ago as a side project, and it eventually took on its own life. Ben talks about some of the different things that App Script can do and where things are stored. They discuss different ways you can get into the script and how to import external scripts from a CDN. Ben gives two examples, one simple and one sophisticated, that you might build from App Script. He talks about event triggers and how authentication is handled. He goes over the three deployment options, namely web app, app executable, sheets add-on, and deploying from the manifest. Ben talks about how triggers are managed in App Script and options for debugging. There is also the option to develop locally as well as in the browser. The show ends with him talking about how to build using HTML in App Script.PanelistsAimee KnightSteve EdwardsDan ShapirGuestBen CollinsSponsorsG2iSplit____________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksG SuiteAppScriptClaspPicksSteve Edwards:King Kong ApparelAimee Knight:Developers Mentoring Other DevelopersDan Shapir:The Web AlmanacAJ O’Neal:PhotographyMagic LanternBem Collins:Cold Turkey appFollow Ben at Benlcollins.com and TwitterSpecial Guest: Ben Collins. 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.

4 Helmi 202049min

JSJ 418: Security Scary Stories and How to Avoid Them with Kevin A McGrail

JSJ 418: Security Scary Stories and How to Avoid Them with Kevin A McGrail

In this episode of JavaScript Jabber the panel interviews security expert, Kevin A. McGrail. He starts by explaining what security frameworks and what they do. The panel wonders how to know if your developers are capable of self-auditing your security or if you need help. Kevin shares recommendations for companies to look at to answer that question. Aimee Knight explains the hell she has been in making changes to be compliant with CCPA. The panel considers how policies like this complicate security, are nearly impossible to be compliant with and how they can be weaponized. They discuss the need for technical people to be involved in writing these laws. Kevin explains how you can know how secure your systems actually are. He shares the culture of security first he tries to instill in the companies he trains. He also trains them on how to think like a bad guy and explains how this helps developers become security first developers. The panel discusses how scams have evolved and how the same scams are still being run. They consider the importance of automated training and teaching developers to do it right the first time.Finally, they consider the different ways of authentication, passwords, passphrases, sim card, biometrics. Kevin warns against oversharing or announcing vacations. The panel discusses real-world tactics bad guys use. Kevin explains what he trains people to do and look out for to increase security with both social engineering and technical expertise. PanelistsAimee KnightAJ O’NealCharles Max WoodDan ShappirSteve EdwardsGuestKevin A McGrailSponsors ABOUT YOU | aboutyou.com/applySplitCacheFly____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksGhost in the Wireshttps://www.infrashield.com/ Follow DevChatTV on Facebook and Twitter PicksAimee Knight:The More Gender Equality, the Fewer Women in STEM  AJ O’Neal:I'll Let Myself In: Tactics of Physical Pen Testers  Copying Keys from Photos, Molds & More  The LED Traffic Light and the Danger of "But Sometimes!"  Regina Spektor  The Weepies  Dan Shappir:This is what happens when you reply to spam email  What is Your Password?  Kevin A McGrail:XKCD Security  IT Crowdhttps://spamassassin.apache.org/Steve Edwards:XKCD Password Generator  Nerd SnipingSpecial Guest: Kevin A. McGrail. 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.

28 Tammi 20201h 29min

JSJ 417: Serverless with Microsoft Azure with Burke Holland

JSJ 417: Serverless with Microsoft Azure with Burke Holland

Burke Holland works for Microsoft on the Azure team in developer relations. He starts the show talking about how he got started in serverless. He’s careful to note that just because things are marketed as serverless doesn’t always make them so. In order for something to be serverless, it must be sufficiently abstracted in terms of technology, only require payment for what is used, and infinitely scalable. He talks about the statelessness of serverless, and the panel discusses what it means to be stateless. Burke reminds listeners that serverless is not for long-lived operations, but there are features in serverless providers that can help you get around this. Burke talks about how writing serverless code differs from standard or previous coding approaches and practices. He advises that serverless functions are best kept small, and talks about how to fit them in with other kinds of APIs. The panelists talk about the multi-cloud and why people would want to be on multiple cloud servers. Burke talks about what Microsoft has done with Serverless Frameworks to accomplish multi-cloud compatibility. The JavaScript experts discuss the advantages and disadvantages of picking JavaScript over other languages, and Burke talks about why he prefers TypeScript and the Easy-Off feature. They talk about speed on a serverless platform, especially concerning the cold start time, which Azure is relentlessly trying to lower. He does talk about some things that can be done to decrease load time and about premium functions. The panel discusses how to debug serverless functions and tools that are available, such as the Azure Functions extension. They talk about ways to set up more secure functions to keep things from racking up charges. Burke talks about some things Microsoft does internally to control cloud costs, such as sending monthly reports with reminders to delete and using tools like Azure Reaper to delete short-lived projects. Azure can also put spending caps on subscriptions, but when you hit that cap you can’t serve any more requests. Burke concludes by saying that most of the time, going serverless is a lower-cost way to improve productivity, and because it’s event-driven, it allows you to tie into things that you’re already doing in the cloud. Serverless almost always justifies itself from an ease of use point of view and a cost point of view. PanelistsAimee KnightSteve EdwardsDan ShapirAJ O’NealCharles Max WoodGuestBurke HollandSponsorsG2iSplit____________________________ > "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksMicrosoft AzureSwaggerGraphQLKongServerless FrameworksTypeScriptServerless Doesn’t Have to Be an Infuriating Black BoxAzure FunctionsCosmoDB Is Serverless Really as Cheap as Everyone Claims?Azure ReaperPicksSteve Edwards:Louis L'Amour books, especially The Lonesome GodsUltra Sabers Azure ReaperBurke Holland: Follow Burke on GithubDan Shapir:Taking a vacationAJ O’Neal:Hello World by Hannah FryIkea KallaxCharles Max Wood:The MaxCoders Guide to Finding Your Dream Developer JobBuy Me a CoffeeDevchat is looking for show hosts and sponsors!Special Guest: Burke Holland. 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.

21 Tammi 20201h 18min

JSJ 416: GraphQL Developer Tools with Sean Grove

JSJ 416: GraphQL Developer Tools with Sean Grove

In this episode of JavaScript Jabber the panel interviews Sean Grove from OneGraph; asking him questions about GraphQL tooling and common complaints about GraphQL. Sean starts by explaining what GraphQL is and how it benefits frontend developers. GraphiQL is a frontend open sourced tool produced by OneGraph, Sean explains how this handy tool simplifies GraphQL.  Authentication and authorization are one of the biggest criticisms of GraphQL. Sean walks the panel through the solution, getting a schema definition language and adding directives to build a simple authentication and authorization. The panel defines authentication and authorization and explains the difference.  The next issue common with GraphQL that the panel discusses is migration. Sean explains how OneGraph helps with migration using a Rust network layer and how it works. They also discuss how to migrate without this tool. Without the tool it is painful and he recommends incremental migration.  Sean explains that another problem in GraphQL is poor documentation. He explains why the documentation is poor and explains how they hope to fix it at OneGraph. The last issue they cover is the length of queries. Sean tells the panel how they can handle this problem with depth analysis or persistent queries. The episode ends with an elevator pitch for Reason. PanelistsAimee KnightAJ O’NealCharles Max WoodDan ShappirGuestSean GroveSponsorsSplitCacheFly____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________Linkshttps://github.com/graphql/graphiql  https://devchat.tv/js-jabber/jsj-401-hasura-with-tanmai-gopal/  Follow DevChatTV on Facebook and Twitter PicksAimee Knight:http://ergonomictrends.com/hand-wrist-exercises-computer-users/  Cats in your lapAJ O’Neal:The Grievance Studies Affair  Go Proverbs  MusicDan Shappir:GuatemalaTigana  Sean Grove:Yuki Li: “Breaking Out of Box”  Charles Max Wood:A Christmas StoryRudolf the Red-Nosed ReindeerThe Little Drummer BoySanta Claus Is Comin' to TownThe Ultimate GiftFrosty the SnowmanSpecial Guest: Sean Grove. 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.

14 Tammi 20201h 20min

JSJ 415: Progressive Web Apps with Maximiliano Firtman

JSJ 415: Progressive Web Apps with Maximiliano Firtman

Maximiliano Firtman is a mobile web developer from Buenos Ares, Argentina. He has been a developer for 24 years and his most recent focus has been on progressive web apps, or PWAs. Steve and Max reflect on the technologies they were using when they first got started in web development and talk about their experience with mobile development. One area that Max emphasized was bringing the web into the mobile space. They discuss the progression of web access on mobile and some of the available tools. Max notes that responsible design has a very high cost in web performance for mobile devices, which requires unique approaches. They discuss some of the issues with latency in mobile, even on 4G. The solution to this latency is PWAs.Progressive web apps are a set of best practices to create web apps that are installable. They can work offline at high speeds on several operating systems. Once installed, it looks like any other app on the system. Max delves into more details on how it works. He talks about how the resources for your application are managed. He assures listeners that it’s just a website that’s using a new API, they’re not changing the way the web works, and that when that API is there, the app can be installed. It will also generally use your default browser. Steve and Max discuss how local data is stored with PWAs. To write PWAs, you can use Angular, React, JavaScript, or Vue, and it’s a pretty transparent process. Max talks about some common tools used for local storage and some of the PWAs he’s worked on in the past. The benefit of using PWAs is that they generally run faster than regular web apps. To get started, Max advises listeners to install one and start exploring.PanelistsSteve EdwardsGuestMaximiliano FirtmanSponsorsG2i____________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksProgressive Web AppsAppsco.peIndexedDBMax's sitePicksSteve Edwards:The ClubMaximiliano Firtman:LlamaFollow Max on TwitterSpecial Guest: Maximiliano Firtman. 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.

7 Tammi 202039min

JSJ 414: JavaScript Jabber Still at RxJs Live

JSJ 414: JavaScript Jabber Still at RxJs Live

In this episode of JavaScript Jabber Charles Max Wood continues interviewing speakers at RxJS Live. First, he interviews Mike Ryan and Sam Julien. They gave a talk about Groupby, a little known operator. They overview the common problems other mapping operators have and how Groupby addresses these problems. The discuss with Charles where these types of operators are most commonly used and use an analogy to explain the different mapping operators.  Next, Charles talks to Tracy Lee. Her talk defines and explains the top twenty operators people should use. In her talk, she shows real-world use cases and warns against gotchas. Tracy and Charles explain that you don’t need to know all 60 operators, most people only need about 5-10 to function. She advises people to know the difference between the different types of operators. Tracy ends her interview by explaining her desire to inspire women and people of minority groups. She and Charles share their passion for diversity and giving everyone the chance to do what they love. Dean Radcliffe speaks with Charles next and discusses his talk about making React Forms reactive. They discuss binding observables in React and how Dean used this in his business. He shares how he got inspired for this talk and how he uses RxJS in his everyday work.   The final interview is with Joe Eames, CEO of Thinkster. Joe spoke about error handling. He explains how he struggled with this as did many others so he did a deep dive to find answers to share. In his talk, he covers what error handling is and what it is used for. Joe outlines where most people get lost when it comes to error handling. He also shares the three strategies used in error handling, Retry, Catch and Rethrow and, Catch and Replace. Charles shares his admiration for the Thinkster teaching approach. Joe explains what Thinkster is about and what makes them special. He also talks about The DevEd podcast. PanelistsCharles Max WoodGuestsMike Ryan Sam JulienTracy LeeDean RadcliffeJoe EamesSponsors ABOUT YOU |aboutyou.com/applySentry -use the code "devchat" for 2 months free on Sentry's small plan CacheFly ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ___________________________________________________________ Linkshttps://www.rxjs.live/RxJS Live Youtube Channelhttps://twitter.com/mikeryandevhttps://twitter.com/samjulienhttps://twitter.com/ladyleet?https://www.npmjs.com/package/rx-helperhttps://twitter.com/deaniusolhttps://twitter.com/josepheameshttps://devchat.tv/dev-ed/https://www.facebook.com/javascriptjabberhttps://twitter.com/JSJabberSpecial Guests: Joe Eames, Mike Ryan, Sam Julien, and Tracy Lee. 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 Joulu 201940min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
mimmit-sijoittaa
psykopodiaa-podcast
rss-rahapodi
ostan-asuntoja-podcast
rss-lahtijat
leadcast
rss-rahamania
lakicast
rss-yritys-ja-erehdys
rss-neuvottelija-sami-miettinen
oppimisen-psykologia
hyva-paha-johtaminen
rss-karon-grilli
pomojen-suusta
rss-myynnin-myllerryksessa
rss-seuraava-potilas
kasvun-kipuja
rss-strategian-seurassa
rss-puhutaan-rahasta