041 JSJ Single Page Applications

Today we have three guests on the show, Annie Sullivan, Yoav Weiss, and Michal Mocny, all of who are engineers who work for Google on the Chrome Web platform.  Looking forward to Google’s new developments for measuring web performance, we dive deep into upcoming performance metrics Largest Contentful Paint (LCP) and Interaction to Next Paint (INP), a full page lifecycle metric.  We discuss what user page interactions we can measure successfully and which we cannot.  We discuss the challenges of single-page applications when looking at core web vitals. SponsorsTop End DevsCoaching | Top End DevsLinksTop End Devs | ConferencesTwitter: @anniesullieTwitter: @mmocnyTwitter: @yoavweissPicksAJ- GothamGo 2018 - Things in Go I Never Use by Mat RyerAJ - AmericaAnnie- Keynote by Mr. Thomas Dullien - CyCon 2018Charles- Just OneDan - Felix Arntz and WordPress PerformanceDan - WatermelonsDan - War in UkraineMichal- Single Handed PodcastMichal - Samurai CarpenterSteve - Dad JokesYoav - No meetings weekYoav- TPAC 2022Yoav- performance.now(); October 27-28, 2022, AmsterdamSupport 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.

26 Heinä 20221h 16min

Today, in this all-panelist episode we talk about upcoming online events and conferences.  With upcoming Top End Devs meetups and conferences, starting in August, we talk about all the benefits of being in person at an event, and the camaraderie at and after the event.  We talk about the ways that Airmeet allows for a good connection between the speakers and audience.  You’ll also pick up some tips on becoming a speaker at one of these events. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksTop End Devs | ConferencesGitHub - dadoomer/markdown-slidesThe Original Skunk Works - Nickolas Means | The Lead Developer UK 2017PicksAJ- CrowdNode Masternode Hosting - CrowdNodeAJ- coolaj86/crowdnode-cliAJ- Uniquely Human: A Different Way of Seeing AutismCharles - Airmeet.comCharles - Riverside.fmCharles - Devchat.tvCharles - Premium podcasts from Top End Devs are coming soon!Charles - TopEndDevs.comCharles - Dice ForgeCharles- JavaScript Remote Conference 2022Dan- The Curious Incident of the Dog in the Night-Time: A Novel (Vintage Contemporaries)Dan - The importance of taking care of your bodyDan- Web DirectionsDan - War in UkraineSteve- Vue MasterySteve - 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/javascript-jabber--6102064/support.

19 Heinä 20221h 7min

Today we talk with Steve Sewell, co-founder and CEO of Builder.io, about their visual editor and designer which connects to many open source systems.  Running within a website wysiwyg, it integrates with most modern front end frameworks, such as React, Due and Svelte.  We discuss how it functions and connects to various systems.  We also dive into the backstory of how and why builder.io created their framework called Qwik. SponsorsTop End DevsCoaching | Top End DevsLinksSteve - Builder ioDrag and drop page builder and CMS - Builder.ioTop End Devs | ConferencesTopEndDevs (@topenddevs) TikTok | Watch TopEndDevs's Newest TikTok VideosTwitter: @Steve8708Steve (Builder.io) (u/steve8708) - RedditInstagram: steve8708TikTok: steve8708PicksAJ- Sapiens: A Brief History of HumankindAJ- JavaScript: The Good Parts: The Good PartsCharles- Lost Ruins of ArnakCharles- Top End Devs | ConferencesCharles- Anedot | Powerful giving tools made easyDan - Callout to Twitter thread comparing Copilot to tabnineDan- Spinning Silver: A NovelDan - War in UkraineSteve Edwards - GitHub Copilot available to all developerSteve Sewell - TikTokSteve Sewell - DesignerTom (@designertom) TikTok | Watch DesignerTom's Newest TikTok VideosSupport 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.

12 Heinä 20221h 24min

Today we talk with Josh Larson a senior staff developer at Shopify who is front and center in development of Hydrogen.  We learn how Hydrogen addresses the varying needs of shop owners to build storefronts quickly and effectively.  With rendering on the server only, this metaframework provides a toolkit helping customers build a more customized web presence.  We learn about Oxygen, which allows customers to host and deploy Hydrogen. We also discuss the decision behind the decision to use React to build this framework, how the framework provides super-custom experiences for the user, and discuss some of the technical challenges faced when building it.   SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksShopify Developers Platform-Build. Innovate. Get paid.HydrogenJosh LarsonTwitter: @jplhomerjplhomer - OverviewGitHub - Shopify/hydrogenJosh Larson - Senior Staff Developer - Shopify | LinkedInHow We Built Hydrogen: A React Framework for Building Custom Storefronts- Top End DevsPicksAJ- Muscle Rack - Freestanding Shelving Units - Shelving - The Home DepotAJ- "WHAT IS A WOMAN?"Charles- Legendary: A Marvel Deck Building Game - Fantastic FourCharles- Legendary: A Marvel Deck Building Game - The New MutantsCharles- Conferences | Top End DevsCharles - TopEndDevs on TikTokDan-  Dan - Matt Pockock - TypescriptDan- The ins and outs of Core Web Vitals Dan- The ins and outs of Core Web Vitals by Dan ShappirDan - Take a vacationDan - Stranger ThingsDan - War in UkraineJosh- The Incredibles Official Site presented by Disney MoviesJosh- Incredibles 2Support 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.

5 Heinä 20221h 4min

Today we talk with Matt Pocock, who comes from Oxfordshire, England.  As a big fan of TypeScript and maintainer of the Xstate library, we discuss the benefits and downsides of TypeScript.  As the discussion gets a bit heated, we debate the true value of TypeScript, and where it holds value to the programming community. SponsorsTop End DevsCoaching | Top End DevsLinksAdvanced TypeScript - Become a TS WizardTypeScript Error TranslatorPodcast Hosting and Analytics - Welcome to Fireside!Transistor - podcast hosting for creatives, brands, professionalsStately - Visualize your application logicMatt Pocock - YouTubeTwitter: @mattpocockukPicksAJ- dotGo 2015 - Rob Pike - Simplicity is ComplicatedAJ- GothamGo 2018 - Things in Go I Never Use by Mat RyerAJ- GopherCon 2019: Mat Ryer - How I Write HTTP Web Services after Eight YearsAJ- Plain Text - Dylan Beattie - NDC Oslo 2021AJ - coolaj86 on TwitchCharles- Legendary: A Marvel Deck Building Game - Dark CityCharles - Conferences | Top End Devs Charles - Sponsors | Top End Devs Charles- Trusted CDN Provider | Faster Content Delivery | CacheFlyCharles - Podcasts | Top End Devs Matt- The Crew: The Quest for Planet NineMatt - Race for the GalaxySteve - 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/javascript-jabber--6102064/support.

28 Kesä 20221h 11min

Today’s guest Annie Sullivan, a software engineer on the Chrome Platform team, focussing on core web vitals metrics which is all about performance and user experience metrics for websites.  We discuss topics such as Largest Contentful Paint (LCP), and how it works behind the scenes.  We also touch on Cumulative Layout Shift (CLS) and things that impact browser experience.   SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksCrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486Annie SullivanMartin SplittTwitter: @anniesullieSponsors | Top End DevsConferences| Top End DevsJason Weimann - YouTubePicksAJ- The Pretender | Apple TVAJ- ‎@coolaj86AJ- AJ ONeal - YoutubeAJ- Beyond Code BootcampAnnie- Google I/O 2022 Session DetailsAnnie- Procreate® - Sketch, Paint, Create.Annie- Art with Flo - YouTubeCharles- TACO CAT GOAT CHEESE PIZZACharles - Tag someone that has made a difference in one of our podcasts!Dan- ‎@anniesullieDan- Safari is crippling the mobile market, and we never noticedDan - War in UkraineSteve - New York City removes the last payphone from serviceSteve - 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/javascript-jabber--6102064/support.

21 Kesä 20221h 21min

Today we talk with Gal working on developer tooling for the last decade.  Previously working at WIX, and now working at Vercel, he has created an open source FNM fast node version manager within that operates within Rust.  We talk about Vercel’s Edge Functions, which allows users to insert routing strategies with user code without having performance hits.    SponsorsTop End DevsCoaching | Top End DevsLinksDevelop. Preview. Ship. For the best frontend teams - VercelEdge Functions - VercelBun - fast JavaScript & CSS bundlerfnmsolving puzzles using TypeScript typesGal SchlezingerTwitter: @galstarPicksAJ - None Dare Call It ConspiracyAJ - WHO KILLED BITCOIN? - DocumentaryDan - How To Use Google CrUX To Analyze And Compare The Performance Of JS FrameworksDan - A deep dive into optimizing LCPDan - War in UkraineGal - RaycastGal - Working with smarter peopleSteve - Podcast from syntax.fmSteve - 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/javascript-jabber--6102064/support.

14 Kesä 20221h 15min

In today’s all-panelist episode, we take a deep dive into some of the nooks and crannies of JavaScript.  We discuss and debate the benefits and problems of various methods such as getter and setter, Const, Freeze and Proxy.  SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsPicksAJ - Valley Forge FlagsAJ - Frog ChessAJ - Beyond Code BootcampAJ -Creeds of CraftsmanshipDan - JSConf BudapestDan - Stock Market / Tech Stocks going downDan - 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/javascript-jabber--6102064/support.

7 Kesä 20221h 10min