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)

JSJ 382: Mental Health with Anatoliy Zaslavskiy

JSJ 382: Mental Health with Anatoliy Zaslavskiy

SponsorsSentry– use the code “devchat” for $100 credit  PanelCharles Max WoodWith Special Guest: Anatoliy ZaslavskiyEpisode SummaryAnatoliy Zaslavsky works for Hover, made framework called Pickle.js, and has been on JavaScript Jabber before. Today Chuck and Anatloliy are talking about the importance of mental health. Anatoliy has Bipolar Disorder, and he talks about what it is and his experience with it and how his manic and depressive episodes have affected him. Thankfully, his employers at Hover have been extremely supportive. Chuck and Anatoliy talk about what people should do when they are suffering from a mental illness so that they can do the things they love again. Some of the best ways of coping with mental health issues are to keep a lifeline out to friends and family, go to a professional therapist, stay on a consistent exercise and sleep pattern, and stay away from substances. They talk about how to support someone that is suffering from a mental illness. Anatoliy talks about some of the symptoms and behavioral changes he has during both manic and depressive episodes and how it has affected him in the workplace. Mental health issues are almost always accompanied by changes in behavior, and Chuck and Anatoliy talk about ways to approach a person about their behavior. Anatoliy gives advice on how to work with your employer while you are suffering from a mental illness. For mental illnesses that aren’t as dramatic as Bipolar Disorder, Anatoliy talks about coping mechanisms such as staying away from triggers, knowing what motivates you and communicating it to your employer, and other practices that have helped him. He talks about some of his triggers and how it has affected his work, both for the better and worse. Finding out what helps you cope and what triggers you is often trial and error, but it can help to talk to other people in your field who struggle with the same mental health issues. Anatoliy talks about the pros and cons of working from home or in an office when you have a mental illness. They finish by talking about a few other points on mental health and resources for those suffering from a mental illness to get the help they need.  LinksBipolar disorderPickle.js Ketamine therapyRuby Rogues ep. 142: Depression and Mental Illness with Greg BaugesJSJ 358: Pickle.js Tooling and Developer Happiness with Anatoliy ZaslavskiyNAMIDBS Alliance Follow DevChat on Facebook and Twitter PicksCharles Max Wood:ExpressVPNAnatoliy Zaslavskiy: Contact Anatoliy at toli@toliycodes.com Visit his website tolicodes.comMisu app (in beta)Special Guest: Anatoliy Zaslavskiy. 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 Aug 201953min

JSJ 381:  Building a Personal Brand with John Sonmez

JSJ 381: Building a Personal Brand with John Sonmez

SponsorsSentry– use the code “devchat” for $100 credit  RxJS LivePanelCharles Max WoodChristopher BeuchelerAJ O’NealWith Special Guest: John SomnezEpisode SummaryJohn is the founder of Bulldog Mindset andSimple Programmer, which teaches software developers soft skills, and the author of a couple books. He specializes in creating a personal brand and marketing. He addresses the rumors of him leaving software development and gives an introduction to marketing yourself as a software developer and its importance. The panel discusses their experience with consulting and how marketing themselves has paid off. John talks about the importance of having soft skills. In his opinion, the most important soft skills for programmers are communication, persuasion and influence, people skills and charisma. He talks about highlight those soft skills. The truth is, more and more people are hiring for people skills rather than technical skills. The panel discusses more about the importance of people skills.John talks about ways to build your personal brand. One of the easiest ways is blogging but he talks about other methods like podcasts YouTube, writing books, and others. A key to building a personal brand is choosing something that you can become the best at, no matter how small it is. The panel shares their experiences of what things have gotten them attention and notoriety and talk about how other influential programmers got famous. They talk about interacting with central platforms like Medium and Github. Building a personal brand for software developers is the same as any other personal brand, such as having a consistent message, consistent logos and color schemes, and repeated exposure). Most people in the software world aren’t willing to do what’s necessary to build a personal brand, so it makes you stand out when you do it. John talks about the importance of controlling your image so that companies want to hire you. John gives a brief overview of his course How to Market Yourself as a Software Developer. Click here to cast your vote NOW for JavaScript Jabber - Best Dev Podcast AwardLinksJohn Somnez’s booksData Grid GirlFollow JavaScript Jabber on Facebook and Twitter PicksCharles Max Wood:To Sell is HumanHow to Win Friends and Influence PeopleJohn Somnez: Follow John at bulldogmindset.com and simpleprogrammer.comThe Little Book of StoicismTraining PeaksChristopher Beucheler:Strasborg, FranceAJ O’NealDistant Worlds: Music from Final FantasyParallelsCam SlideSpecial Guest: John Sonmez. 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 Aug 20191h 9min

JSJ 380: Expo for Web with Charlie Cheever

JSJ 380: Expo for Web with Charlie Cheever

SponsorsDatadogSentry– use the code “devchat” for $100 credit PanelCharles Max WoodWith Special Guest: Charlie CheeverEpisode SummaryGuest Charlie Cheever joins the discussion on JavaScript Jabber today. He was previously on React Round Up episode 47. Charlie works on Expo, which is a way to make React apps on every platform. Right now, Expo supports IOS, Android, and Web, provides a standard library of features, and takes care of services like builds and updates over the air. There are also code generators and templates available in Expo. Expo is focused on use cases where you just need to use a little bit of React Native in your app. Charlie talks about the origins of Expo, which was born from increased access of websites from people’s phones and the desire for a cross-platform tool that was as easy as building on the web. One of the biggest benefits is that Expo gives you the peace of mind knowing your app will work across all phones and all platforms.They discuss how to approach building your API’s for Expo so that it’s easy for people to use and have it consistent across all these different systems. Expo also has a voting board canny.expo.io where people can submit suggestions for new features. Expo is compatible with map view and React Native maps. Currently, Expo is missing bluetooth and things where the underlying platform wants to have a direct relationship with the developer, such as in-app purchases. Charlie talks about other components available in Expo, all of which can be modified. They discuss the influence of React on augmented reality and VR. Charlie talks about the updating feature of Expo. Charlie talks about the evolution of Expo and their goal to be a “developer first” company. He talks about the company, libraries, The Client, and services. He gives advice on how to get started with React Native development and using Expo. There is also Expo Web, which can be used to create a website, and if you create an app with Expo you get a website too. Expo hopes to be a stable, easy, coherent way of using all these tools across your entire experience of building your application so that you can relax a little bit. Click here to cast your vote NOW for JavaScript Jabber - Best Dev Podcast AwardLinksExpoFlexValvejQueryExpo voting boardLottieFilesSQLiteReact Native MapsThe Client appSnack.expo.ioNPM Follow DevChat on Facebook and Twitter PicksCharles Max Wood:Vdot02Zoom H6 Portable 6 track RecorderShure SM58-LC Cardioid Dynamic Vocal MicrophoneChain React ConfCharlie Cheever:Draft bit (still in beta)AWS AmplifyFollow Charlie @ccheeverSpecial Guest: Charlie Cheever. 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.

6 Aug 201950min

JSJ 379: FindCollabs and Podcasting with Jeff Meyerson

JSJ 379: FindCollabs and Podcasting with Jeff Meyerson

SponsorsNetlifyRxJS Live  PanelAimee KnightAJ O’NealCharles Max WoodWith Special Guest: Jeff MeyersonEpisode SummaryJeff Meyerson is the host of the Software Engineering daily podcast and has also started a company called FindCollabs, an online platform for finding collaborators and building projects. Jeff started FindCollabs because he believes there are all these amazing tools but people are not combining and collaborating as much as they could, when so much good could be accomplished together. FindCollabs is especially useful for working on side projects. The panelists discuss the problems encountered when you try to collaborate with people over the internet, such as finding people who are facing similar and gauging interest, skill, and availability. Thankfully, FindCollabs has a feature of leaving reviews and rating your partners so that users can accurately gauge other’s skill level. Users can also leave comments about their experience collaborating with others. The only way you can show competence with an interest is to contribute to another project. FindCollabs is also a good place to look for mentors, as well as for Bootcamp graduates or people going through an online coding course. If you are part of an organization, you can create private projects. The company plans to expand this feature to all users in the future.The panelists talk about their past experiences with collaborating with other people.Jeff talks about his podcast Software Engineering Daily and how it got started and the focus of the podcast. As someone working in technology, it is important to stay current on up and coming technology, and listening to podcasts is an excellent way to do that. Jeff talks about where he thinks podcasting is going, especially for programmers. The panel discusses some of the benefits of listening to programming podcasts. Jeff talks about how he is prepping Software Engineering Daily for the future. He shares the audience size for Software Engineering Daily and some of the statistics for his different channels. Jeff has also released an app for Software Engineering Daily, and he shares some information on how it was written. Finally, Jeff gives advice for people who want to use FindCollabs and some of the next steps after creating a profile.Click here to cast your vote NOW for JavaScript Jabber - Best Dev Podcast AwardLinksFindCollabsGreenlockTelebitSwingCycleSoftware Engineering Daily Follow DevChat on Facebook and Twitter PicksAimee Knight:Burnout and the BrainAJ O’Neal:Saber’s Edge from Final Fantasy by Distant WorldsGreenlock on FindCollabsTelebit on FindCollabsCharles Max Wood:Adventures in Machine Learning on FindCollabsAdventures in Virtual Reality on FindCollabsAdventures in Python on FindCollabsAdventures in Java on FindCollabsAir conditioningMFCEO ProjectJeff Meyerson:Follow Jeff  @the_prion Listen NotesLinbin’s Podcast PlaylistHidden Forces PodcastSpecial Guest: Jeff Meyerson. 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 Aug 201959min

JSJ 378: Stencil and Design Systems with Josh Thomas and Mike Hartington

JSJ 378: Stencil and Design Systems with Josh Thomas and Mike Hartington

SponsorsDatadogSentry use code “devchat” for 2 months free PanelAimee KnightChris FerdinandiJoe EamesAJ O’NealCharles Max WoodWith Special Guests: Josh Thomas and Mike HartingtonEpisode SummaryToday’s guests Josh Thomas and Mike Hartington are developers for Ionic, with Josh working on the open source part of the framework on Ionic. They talk about their new compiler for web components called Stencil. Stencil was originally created out of work they did for Ionic 4 (now available for Vue, React, and Angular) and making Ionic 4 able to compliment all the different frameworks. They talk about their decision to build their own compiler and why they decided to open source it. Now, a lot of companies are looking into using Stencil to build design systemsThe panel discusses when design systems should be implemented. Since Ionic is a component library that people can pull from and use themselves, Jeff and Mike talk about how they are using Stencil since they’re not creating a design system. The panel discusses some of the drawbacks of web components. They discuss whether or not Cordova changes the game at all. One of the big advantages of using Stencil is the code that is delivered to a browser is generated in such a way that a lot of things are handled for you, unlike in other systems.The panelists talk about their thoughts on web components and the benefits of using a component versus creating a widget the old fashioned way. One such benefit of web components is that you can change the internals of how it works without affecting the API. Josh and Mike talk about some of the abilities of Stencil and compare it to other things like Tachyons. There is a short discussion of the line between frameworks and components and the dangers of pre optimization. If you would like to learn more about Stencil, go to stenciljs.com and follow Josh and Mike @Jtoms1 and @mhartington. Click here to cast your vote NOW for JavaScript Jabber - Best Dev Podcast AwardLinksBuilding Design Systems book StencilCordovaShadow DOMTachyons Ionic 4 Follow DevChat on Facebook and Twitter PicksAimee Knight:What Does Debugging a Program Look Like?AJ O’Neal:Legend of Zelda: Link’s AwakeningNeon Genesis Evangelion soundtrackPrettierChris Ferdinandi:Kindle PaperwhiteCompany of OneCharles Max Wood:Ladders with feetLighthouseAcornsJoe Eames:Moment.jsHow To Increase Your Page Size by 1500% articleDay.jsJosh Thomas:Toy Story 4Mike Hartington:Building Design SystemsYoumightnotneed.comSpecial Guests: Josh Thomas and Mike Hartington. 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.

30 Juli 201952min

JSJ BONUS EPISODE: Observables and RxJS Live with Aaron Frost

JSJ BONUS EPISODE: Observables and RxJS Live with Aaron Frost

JSJ BONUS EPISODE: Observables and RxJS Live with Aaron FrostMon Jul 29 2019 13:00:56 GMT+0300 (+03) Episode Number: bonus Duration: 29:35https://media.devchat.tv/js-jabber/JSJ_Bonus_Aaron_Frost.mp3  Host: Charles Max Wood Joined by Special Guest: Aaron FrostEpisode SummaryAaron Frost joins Charles to talk about what Observables are and why developers should learn about them and use them in their code. He explains the difference between Observables, Promises and Callbacks with an example. Aaron then invites all listeners to attend the upcoming RxJS Live Conference and introduces the impressive speaker line-up. The conference will take place on September 5-6 in Las Vegas and tickets are still available. Aaron also offers a $100 discount to all listeners with the code "chuckforlife". For any questions you can DM Aaron at his Twitter account.LinksRxJS Live ConferenceRxJS Conference TicketsAaron's TwitterPromisesCallbacksSpecial Guest: Aaron Frost. 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.

29 Juli 201929min

JSJ 377: Bringing Maps and Location Into Your Apps with the ArcGIS API for JavaScript with Rene Rubalcava

JSJ 377: Bringing Maps and Location Into Your Apps with the ArcGIS API for JavaScript with Rene Rubalcava

SponsorsDatadog  Sentry use code “devchat” for 2 months free PanelAimee KnightAJ O’NealCharles Max WoodWith Special Guest: Rene RubalcavaEpisode SummaryRene is a software developer for ESRI and works in spatial and mapping software. ESRI has been around since 1969 and has seen their work explode since they shifted to providing address and location services. Rene talks about how he thinks about location and mapping when building software around it and things that he has to approach in unique ways. The panel discusses some of their past experiences with location software. Some of the most difficult aspects of this software is changing time zones for data and actually mapping the Earth, since it is not flat nor a perfect sphere. Rene talks about the different models used for mapping the Earth.Most mapping systems use the same algorithm as Google maps, so Rene talks about some of the specific features of ArcGIS, including the ability to finding a point within a polygon. Rene talks about what routing is, its importance, and how it is being optimized with ArcGIS, such as being able to add private streets into a regular street network.The panel discusses how the prevalence of smartphones has changed mapping and GPS and some of their concerns with privacy and location mapping. One thing ESRI is very careful about is not storing private information. Rene talks about the kinds of things he has seen people doing with the mapping and location data provided by ArcGIS, including a Smart Mapping feature for developers, mapping planets, indoor routing, and 3D models. LinksWebricate EsriArcGIS Follow DevChat on Facebook and Twitter PicksRene Rubalcava:Old Man’s War seriesAlways Be My MaybeRene’s websiteAJ O’Neal:INTLColorfulTime zones in PostgressTime zones in JavaScriptAimee Knight:Advice to Less Experienced DevelopersCharles Max Wood:Heber Half MarathonNetlify CMSVillainousFirefoxSpecial Guest: Rene Rubalcava . 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.

25 Juli 201943min

JSJ 376: Trix: A Rich Text Editor for Everyday Writing with Javan Makhmali

JSJ 376: Trix: A Rich Text Editor for Everyday Writing with Javan Makhmali

Sponsors  DatadogSentry use code “devchat” for 2 months free PanelAimee KnightChris FerdinandiChristopher BeuchelerAJ O’NealWith Special Guest: Javan MakhmaliEpisode SummaryToday’s guest is Javan Makhmali, who works for Basecamp and helped develop Trix. Trix is a rich text editor for the web, made purposefully simple for everyday use instead of a full layout tool. Trix is not the same as Tiny MCE, and Javan discusses some of the differences. He talks about the benefits of using Trix over other native browser features for text editing. He talks about how Trix has simplified the work at Basecamp, especially when it came to crossing platforms. Javan talks more about how Trix differs from other text editors like Google Docs and contenteditable, how to tell if Trix is functioning correctly, and how it works with Markdown.The panel discusses more specific aspects of Trix, such as Exec command. One of the features of Trix is it is able to output consistently in all browsers and uses semantic, clean HTML instead of classnames. Javan talks about how Trix handles getting rid of the extraneous cruft of formatting when things are copy and pasted, the different layers of code, and the undo feature. He talks about whether or not there will be more features added to Trix. The panel discusses who could benefit from using Trix. The show finishes with Javan talking about Basecamp’s decision to make Trix open source and why they code in CoffeeScript. LinksTrixTiny MCEContenteditableMarkdownSVGHTMLCoffeeScript Follow DevChat on Facebook and Twitter PicksJavan Makhmali:API for form submissionsChris Ferdinandi:CSS GridAlex Russel Twitter threadHow To Live a Vibrant Life with Early Stage DementiaAJ O’Neal:Mario and ChillChip Tunes 4 Autism: CatharsisToilet AugerChristopher Beucheler: Medium to Own blogAimee Knight:Absolute Truth Unlearned as Junior DeveloperSpecial Guest: Javan Makhmali. 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.

23 Juli 201952min

Populärt inom Business & ekonomi

framgangspodden
badfluence
varvet
rss-jossan-nina
uppgang-och-fall
rss-borsens-finest
rss-svart-marknad
avanzapodden
lastbilspodden
rss-dagen-med-di
fill-or-kill
borsmorgon
rss-kort-lang-analyspodden-fran-di
rss-inga-dumma-fragor-om-pengar
kapitalet-en-podd-om-ekonomi
rikatillsammans-om-privatekonomi-rikedom-i-livet
rss-en-rik-historia
24fragor
market-makers
affarsvarlden