Modern JavaScript Testing: Integration, Contract Testing & AI Tools - JSJ 692

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: HomeApril 24 - 27, 2023 - JavaScript Conference LondonJSNation Conference 2023Qwik Part II With Misko Hevery - JSJ 563Mastering Linux Shell ScriptingThe Linux Command Line, 2nd Edition: A Complete IntroductionPicksAJ - Animal CrossingAJ - Yoshi's Crafted World™Charles- Harry Potter: Death Eaters Rising Dan - Don't Learn TypeScriptDan - JavaScript Frameworks in 2023Support 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 Tammi 20231h 40min

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 - Sneaky Pete TV show on Amazon PrimeDan - "We Hate Perfect Things" by AJDan - War in UkraineCharles - Karma | BoardGameGeekCharles - 1923 (TV Series 2022–2023)Charles - XeroCharles - This Dot LabsTracy - Women in TechSupport 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 Tammi 20231h 26min

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 supply chainLavaMoatGal WeizmanGitHub: weizmanTwitter: @WeizmanGalThe Magic Of Vue Mastery with Adam Jahr -VUE 205Web Testing And Automations With Playwright - VUE 206 PicksAJ - Dream MachineAJ - H1n Audio RecorderDan - AustraliaDan - Web Directions SummitDan - War in UkraineGal - LavaMoatGal - SeveranceSteve - The science of why you have great ideas in the showerSupport 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 Tammi 20231h 28min

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/support.

10 Tammi 202355min

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 — 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 Tammi 20231h 27min

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 👩‍💻👨‍💻Twitter:@FusionAuthTwitter: @mooredsPicksAJ - UmbrelAJ - Dell OptiPlex Micro (better than Raspberry Pi 4)AJ - CBDCs are totalitarianism in an App and a currency (from Livestream #150)AJ - GitHub & NPM Support TouchID via WebAuthn's "This Device"!AJ - The Con Behind The Crypto Blood Bath – Dirty Secrets RevealedAJ - Vornado HeaterCharles - Cheap computers on Walmart.comCharles - Exit: The Game – Advent Calendar: The Mystery of the Ice Cave | Board Game | BoardGameGeekCharles - - Top End DevsCharles - Google Mail Charles - GmeliusDan - Station Eleven (TV Mini Series 2021–2022) - IMDbDan - Dan's Twitter persimmon pollSupport 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.

22 Joulu 20221h 14min

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.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

13 Joulu 20221h 12min

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 podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

6 Joulu 20221h 48min