JavaScript Jabber

Dan Shappir takes the lead for this week's panelist episode as he talks about hydration. Hydration is the technique of using client-side JavaScript to enhance server-rendered HTML with application state and interaction. In the context of Web performance, he explains why it is regarded as such an issue and its impact.The second part of this episode is reviewing various ways in which modern frameworks, such as Qwik, Astro, Remix, and NextJS are trying to alleviate the impact of hydration:Avoiding frameworks, to begin withFaster hydration, e.g. Svelte, SolidProgressive enhancement, e.g. RemixHydration slicing (+ progressive enhancement), e.g. Remix + React 18 (time slicing / isInputPending)Islands of hydration, e.g. Astro, FreshServer Components, e.g. NextJS 13 React Server Components (SPA and streaming)Resumability, e.q. Qwik, MarkoSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksBeyond Code Bootcamp: Ho

Tracy Lee is the CEO of This Dot Labs, a JavaScript-focused agency, and Adam L Barrett is a Developer Consultant at This Dot Labs. They join the show to talk about the wonders of Svelte and SvelteKit. It is a tool for creating fast web applications. Additionally, they explain how these allow excellent user and developer experiences.About this EpisodeAll about Svelte and SvelteKitThe internals of SvelteBenefits of Svelte compared to other frameworksDifference between Framework and MetaFrameworkOn YouTubeMarvels Of Using Svelte and SvelteKit - JSJ 566SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksThis Dot LabsTwitter: @adamlbarrettTwitter: @ladyleetTwitter: @ThisDotLabsPicksAdam - Zod Schema ValidationAdam - Frosthaven | Board Game | BoardGameGeekAJ - Silicon Power 1TB MicroSD under $100AJ - MBP M1 Storage ExpansionDan - Svelte Origins: A JavaScript DocumentaryDan -  State of JS 2022 gender gapDan - Sn

Gal Weizman has professionally done Browser JavaScript security research for almost a decade and currently works in MetaMask. He joins the show to explain more about his profession as a "Browser Javascript Internals Expert." Moreover, he then talks about his project, "Snow". It is a JavaScript shim that applies an important defense mechanism in the browser to the web app's runtime to allow them to secure their same origin realms. About this EpisodeUnderstanding more Supply Chain SecurityHow Snow ❄️ functionsHow Snow provides added security to your appsLearning more about Realm and Realm SecurityAll about LavaMoatOn YouTubeRuntime Security With Gal Weizman - JSJ 565SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksawesome javascript realms security ⭐️Snow ❄️Introduction to SnowIntegrating Snow into MetaMaskLive demoMetaMask: The crypto wallet for Defi, Web3 Dapps and NFTsSocket - Secure your JavaScript s

Join Charles Wood as he takes on a solo episode this week! He tackles different strategies on how to achieve your goals and aspirations. He motivates the listeners by sharing his personal story of how he was able to climb back up on his feet after getting lost a few years ago. Moreover, Chuck dives into his plans for Top End Devs this year and how he can help developers take control of their careers. On YouTubeHow To Plan For Success In 2023 - JSJ 564SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipPicksCharles - Exit: The Game – Advent Calendar: The Mystery of the Ice CaveCharles - topenddevs.social - mastodonCharles - Yellowstone - TV Series | Paramount NetworkCharles - JS Remote ConfSupport 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/su

Misko Hevery is the Chief Technology Officer at Builder.io. He is also the creator of Angular.io, known for zone.js, and helped co-create karma. He returns to the show to discuss "Qwik" in greater detail alongside AJ and Steve. No matter how complex your website is, Qwik provides the fastest possible page load times. In contrast to other frameworks, Qwik has special features that make it more user-friendly.About This EpisodeHow Qwik addresses any issueDifferent Qwik features that make it convenient and efficient to useOverview of precision lazy-loadingIntroduction to MitosisOn YouTubeQwik Part II With Misko Hevery - JSJ 563SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksQwikPapanasi UI LibraryMitosis FiddleBuilder.io and Qwik - JSJ 540Qwik with Misko Hevery - JSJ 549PicksAJ - Vornado heatersAJ - Replacement Parts for Office ChairsMisko - Flux | Where the world builds hardwareSupport this podcast at —

Dan Moore is the Head of DevRel at FushionAuth. He joins AJ and Chuck to talk about the new API called, “WebAuthn”. Using biometric, secure authentication techniques, WebAuthn is a new approach for confirming your users' identities. He goes into detail about the usage of this API and how this is a good choice for users to validate web applications with ease and convenience. About this EpisodeFeatures and benefits of WebAuthnRegistration process of WebAuthnWebAuthn With Dan Moore - JSJ 562 | YouTube VideoSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksWhat is WebAuthn and why should you care?WebAuthn ExplainedYou can add biometric authentication to your webpage. Here's how.Auth. Built for Devs, by Devs - FusionAuthbest buy supported in DecPassword Free Authentication With Intuit And FIDO AuthenticationPassword-less authentication in NextJS application with WebAuthn and NextAuth - DEV Community

Steve and A.J. welcome Fred K. Schott to the show to talk about Fred's latest project, Astro. After initially discussing some of Fred's previous projects (Snowpak, Pika) and the joys of esbuild, they dive into Astro, including how it works, its use cases, and the newly finalized dynamic SSR capability. They finish with some picks going back to the very early web, and, as always, Steve's fabulous dad jokes.JSJ 561 - Youtube Sponsors "Wrangle, who helps with Slack approval workflows."Chuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksAstro with Fred K. Schott - VUE 195Introduction - LitAstroArrowJsFred K. SchottTwitter: @FredKSchottPicksAJ - Deku Deals - Nintendo Switch price tracking and wishlist notificationsAJ - NEW! - BonziBUDDY!Fred - Funny eCards - Send Custom Greeting Cards Online w/ JibJab!Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.co

WebAssembly (WASM) is a core technology of the Web and supported by all browsers as well as various other runtimes. Yet despite this fact most Web devs don't use it and have little or no familiarity with it. This week we are joined by Istvan Szmozsanszky "Flaki" to discuss some of the significant transformations currently taking place with this tech, which could make it much more mainstream. SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksGitHub: flakiFlakiTwitter: @slsoftworksPicksAJ - Savvi Legal: The Legal Hub for the Startup EcosystemAJ - DashCharles - Topenddevs.socialCharles - Tenpenny ParksCharles - World Cup 2022Dan - MoaDan - SnipdDan -  Ongoing war in UkraineFlaki - SuborbitalFlaki - GrainFlaki - Support local animal shelterFlaki - DaybreakSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this

Maina Wycliffe is a Full-stack Software Engineer, Google Developer Expert, and Mentor who currently works at Flanksource. He is a Typescript Enthusiast and is the author of All things Typescript. He joins Chuck and Steve as he shares the reason behind starting his newsletter. His main goal is to teach developers to learn more about it and its typing system. About this EpisodeHow Maina handles and future plans in his newsletterAll about TypescriptFeatures of TypescriptTransitioning to Typescript SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinkstc39/proposal-type-annotationsWeekly Content Development Strategies with GDE Maina Wycliffe - AiA 357Twitter: @mwycliffe_devMaina WycliffePicksChuck - Betrayal at House on the Hill | Board GameChuck - Developer Book Club starting with Clean Architecture by Robert C. MartinChuck - Gather town - Gather AmbassadorChuck - Neverseen (4) (Keeper of the Lost Cities)Chuck

Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" DealCoupon Code: "THRIVE" for a GIANT discountAre you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back? Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers?Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis.Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans.The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants.Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full tim

We are joined by Yoav Abrahami, Chief Architect and Head of Velo to discuss the transformation of Wix from a Website builder to an application development platform. Wix Velo enables developers to implement code that runs either on the client-side or on Wix hosted Node server, while constructing the UI using a WYSIWYG page editor. In this way, Wix provides an interesting alternative to app development frameworks such as NextJS and Nuxt. Sponsors"Request Metrics, who does performance monitoring and can help with issues like too much cumulative layout shift" Chuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksVeloTwitter: @yoavabrahamiPicks  AJ - The Big Short: Inside the Doomsday MachineAJ - Mentour PilotAJ - The Matt Walsh ShowSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/po

Lane Wagner is the founder of a startup company called Boot.dev. He teaches backend development online in Go, Python, and JavaScript. Lane joins Chuck and Steve as they talk all things Functional Programming. They also talk about its importance and share their thoughts about it. Moreover, Lane also shares his experience with creating boot.dev and the different teaching strategies he uses on his online learning platform.  About this Episode The difference between Functional Programming VS Object-oriented ProgrammingReact Hooks & Vue 3 and why are they considered as “not Functional” Boot.dev and how is it created  The reason why Go became a popular backend languageSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksBoot.devwagslane.devTwitter: @wagslanePicksCharles - Chuck's Resume TemplateCharles - Dice Miner Card Board GameCharles - Timpanogos Game ConventionCharles - Top End DevsLane - Life of a Cham

In this episode the panelists share war stories from their career and the lessons they have learned from them. They discuss things they have done back in their early days in tech, and how they now behave differently given those experiences.SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipPicksAJ - Duratech 8mm-22mm COMPLETE wrench setAJ - ATV Body Armor / Adventure JacketsAJ - Project Hail MaryAJ - (Unpick) TwilightDan - The Mote in God's EyeDan - Code Like a Girl. Breaking the Gender StereotypeDan - Women on Stage and in Tech with Moran Weber - JSJ 483Support 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.

Shai Yalin is a freelance software architect and mentor. He specializes in teaching organizations and individuals how to use Test Driven Development (TDD) and other development methodologies and best practices. In this episode Shai joins us to explain how to use these methods in order to create software that is resilient to change, and how to refactor existing brittle code in order to clean out the rot.SponsorsTop End DevsCoaching | Top End DevsLinksChronomatic: my side-project storyYour Software as a KitchenThe Anatomy Of A Rotten CodebaseLinkedIn: Shai YallinTwitter: @shaiyallinPicksAJ - Read The Lost Metal by Brandon Sanderson: Prologue and Chapters One and TwoDan - FargoShai - VitestShai - We Are Legion (We Are Bob) (We Are Bob) (Bobiverse, #1)Shai - Citizen Of Glass, by Agnes ObelSteve- GitHub Copilot investigation · Joseph Saveri Law Firm & Matthew ButterickSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporte

Kent C. Dodds is a well-known JavaScript developer who has done myriad development courses and training. He's also done outreach for Remix. He's spoken at tons of conferences and his now working on creating EpicWeb.dev which helps developers become epic web developers.The Jabber crew starts out talking about learning, teaching, and EpicWeb.dev before going into the changes in the web platform and progressive enhancement and eventually Remix. Links:TestingJavaScript.comEpicWeb.devEpicReact.devRemixFly.ioLightstreamThe Web's Next Transition blog post by Kent C. DoddstRPCGraphQLPicks:AJExtraordinary Attorney WooWhen fixing a 4-wheeler, look at the larger component and compare prices.FourTrax 300DanWeb Directions SummitWar in UkraineSteveStudy on why you can't tickle yourselfKentEpicWeb.devCall Kent PodcastKent's Travel MapBuild Your House Yourself UniversitySupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this pod

Diego Moura is a newer developer who has recently joined the ranks of professional developers. The panel talks to Diego about his career as a fashion designer and how he moved to Canada and go into programming. He initially got into digital marketing and figured out that he could modify and manage pages and picked up development as a function of doing UI work on his marketing pages. From there he fell in love with web development.SponsorsTop End DevsCoaching | Top End DevsArchitect, who provides environments on demandLinksJen SimmonsLinkedIn LearningFront-End MentorWatch and CodeReading Source Code with Carl Mungazi - JSJ 408Twitter: @_DiegoMouraTwitch: diegomouradevPicksChuckTimpConLocal Board Game ConventionsGet Chuck's ResumeCommand Your Coding Career (Coming Soon)Star Trek: PicardAJDIY Soldering StationAudioHijackBoot.devStevehttps://gizmodo.com/eu-officially-demands-big-tech-use-usb-c-end-of-2024-1849613451DanWeb Almanac for 2022Ongoing War in UkraineDiegoHow to be Great at Asking Coding QuestionsWhere S

The panel goes back a few years and reviews some technology predictions that Dan made a few years ago on Quora. These include WASM, Progressive web apps, and others. Most were wrong, but one did end up being sort of accurate. Along the way, they go into some deep rabbit holes but manage to pull themselves out. As always, they end with picks, and Steve's stupendous dad jokes. SponsorsTop End DevsCoaching | Top End DevsLinksApple iOS browser grip loosened under latest draft EU rules- Top End DevsPicksAJ- Search Results for wire wheel at The Home DepotAJ - Rust-oleumAJ- Figma is powered by WebAssemblyAJ- ImageOptim - better Save for WebAJ- SquooshDan - Dev JokeDan- The 2022 Web AlmanacDan - CrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486Dan - FargoDan - War in UkraineSteve - Dad JokesSupport 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/ja

Today we talk with Netta Bondy, a front end developer at Twang and dive into a discussion about when software development becomes a craft. We discuss the challenges of practicality vs. art, and the challenges of properly crafting code vs. working with popularly adopted methods. SponsorsTop End DevsCoaching | Top End DevsLinksThe Story of Mel with Tomer Lichtash and David Frankiel - JSJ 544Creeds of Craftsmanship · Issue #18 · BeyondCodeBootcamp/beyondcodebootcampFRONTEND CON 2020Twitter: @_bondit_PicksAJ- The Story of MelAJ- Creeds of Craftsmanship · Issue #18 · BeyondCodeBootcamp/beyondcodebootcampAJ- Form follows function - WikipediaAJ- Better Apps: Delivering Universal UI Patterns as Web ComponentsAJ- Engineering FestivusDan - My anniversaryDan- Code Complete 2nd editionDan- Web DirectionsDan - War in UkraineNetta- CSSBattleNetta- MIT OpenCourseWare | Free Online Course MaterialsNetta- The Priory of the Orange Tree (The Roots of Chaos, #1)Support this podcast at — https://redcircle.com/javascript-jabber/do

Today we talk with Adam Bradley, the Director of Technology at Builder.io. He previously worked at Ionix as a creator of Ionic Framework, a mobile UI interface builder for web applications, and StencilJS which powers Ionix. Currently he works on both Qwik and Partytown at Builder.io.In today’s episode we dive into Partytown, discussing the unique ways it improves website performance. When there are so many third-party scripts injected into the average website, you can quickly lose control of speed. We learn how Partytown addresses this with a remote web worker, and how it still gets the data it needs synchronously. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksGitHub: BuilderIO/partytownGitHub: BuilderIO/qwikBuilder.ioRun Third-Party Scripts From A Web WorkerGitHub: Adam BradleyTwitter: @adamdbradleyPicksAdam- uvuAdam- @playwright/testCharles- Irish GaugeCharles - Book Club for developer books (coming soon)Charles - How to Stay Current Course (comi

Today we talk with Misko Hevery about solving the loading speed issue for websites constructed using JavaScript frameworks. Such websites are often slow to load, which is detrimental to their ability so succeed. After 16 years at Google, where he created Angular, he now works on the Qwik framework at Builder.io, a headless visual CMS. We learn how Qwik dramatically improves page speed metrics through an innovative architecture that enables resumability instead of hydration. We talk about how this is implemented, and about how you can get started with it. SponsorsTop End DevsCoaching | Top End DevsLinksng-conf 2022Builder.io and Qwik - JSJ 540Core Web Vitals and Whatnot - JSJ 537JSJ 476: Understanding Search Engines and SEO (for devs) - Part Resumable Frameworks: | Miško Hevery | ng-conf 2022 WebinarFramework reimagined for the edge!Twitter: Miško Hevery PicksAJ- JULIAN SMITH - MalkAJ- webinstall.devAJ- Watch The Sandman | Netflix Official SiteCharles- JavaScript Remote Conference 2022Charles- HomeDan- Gentlem