JavaScript Jabber

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. SPONSORS * Top End Devs [https://topenddevs.com/] * Raygun | Click here to get started on your free 14-day trial [https://raygun.com/?utm_medium=podcast&utm_source=jsjabber&utm_campaign=devchat&utm_content=homepage] * Coaching | Top End Devs [https://topenddevs.com/coaching] LINKS * Shopify Developers Platform-Build. Innovate. Get paid. [https://shopify.dev/] * Hydrogen [https://hydrogen.shopify.dev/] * Josh Larson [https://www.jplhomer.org/] * Twitter: @jplhomer [https://twitter.com/jplhomer] * jplhomer - Overview [https://github.com/jplhomer] * GitHub - Shopify/hydrogen [https://github.com/Shopify/hydrogen] * Josh Larson - Senior Staff Developer - Shopify | LinkedIn [https://www.linkedin.com/in/jplhomer/] * How We Built Hydrogen: A React Framework for Building Custom Storefronts [https://shopify.engineering/how-we-built-hydrogen] * - Top End Devs [https://topenddevs.com/podcasts/javascript-jabber/episodes/to-typescript-or-not-to-typescript-jsj-538] PICKS * AJ- Muscle Rack - Freestanding Shelving Units - Shelving - The Home Depot [https://www.homedepot.com/b/Storage-Organization-Shelving-Freestanding-Shelving-Units/Muscle-Rack/N-5yc1vZcksrZfu7] * AJ- "WHAT IS A WOMAN?" [https://www.youtube.com/watch?v=42ivIRd9N8E] * Charles- Legendary: A Marvel Deck Building Game - Fantastic Four [https://boardgamegeek.com/boardgame/142020/legendary-marvel-deck-building-game-fantastic-four] * Charles- Legendary: A Marvel Deck Building Game - The New Mutants [https://boardgamegeek.com/boardgameexpansion/305035/legendary-marvel-deck-building-game-new-mutants] * Charles- Conferences | Top End Devs [https://topenddevs.com/conferences] * Charles - TopEndDevs on TikTok [https://www.tiktok.com/@topenddevs?lang=en] * Dan-  Dan - Matt Pockock - Typescript * Dan- The ins and outs of Core Web Vitals [https://jsconfbp.com/speakers/dan-shappir/] * Dan- The ins and outs of Core Web Vitals by Dan Shappir [https://www.youtube.com/watch?v=5Ox0nqa_pPc] * Dan - Take a vacation * Dan - Stranger Things [https://www.netflix.com/title/80057281] * Dan - War in Ukraine * Josh- The Incredibles Official Site presented by Disney Movies [https://movies.disney.com/the-incredibles] * Josh- Incredibles 2 [https://movies.disney.com/incredibles-2]

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. SPONSORS * Top End Devs [https://topenddevs.com/] * Raygun | Click here to get started on your free 14-day trial [https://raygun.com/?utm_medium=podcast&utm_source=jsjabber&utm_campaign=devchat&utm_content=homepage] * Coaching | Top End Devs [https://topenddevs.com/coaching] LINKS * Shopify Developers Platform-Build. Innovate. Get paid. [https://shopify.dev/] * Hydrogen [https://hydrogen.shopify.dev/] * Josh Larson [https://www.jplhomer.org/] * Twitter: @jplhomer [https://twitter.com/jplhomer] * jplhomer - Overview [https://github.com/jplhomer] * GitHub - Shopify/hydrogen [https://github.com/Shopify/hydrogen] * Josh Larson - Senior Staff Developer - Shopify | LinkedIn [https://www.linkedin.com/in/jplhomer/] * How We Built Hydrogen: A React Framework for Building Custom Storefronts [https://shopify.engineering/how-we-built-hydrogen] * - Top End Devs [https://topenddevs.com/podcasts/javascript-jabber/episodes/to-typescript-or-not-to-typescript-jsj-538] PICKS * AJ- Muscle Rack - Freestanding Shelving Units - Shelving - The Home Depot [https://www.homedepot.com/b/Storage-Organization-Shelving-Freestanding-Shelving-Units/Muscle-Rack/N-5yc1vZcksrZfu7] * AJ- "WHAT IS A WOMAN?" [https://www.youtube.com/watch?v=42ivIRd9N8E] * Charles- Legendary: A Marvel Deck Building Game - Fantastic Four [https://boardgamegeek.com/boardgame/142020/legendary-marvel-deck-building-game-fantastic-four] * Charles- Legendary: A Marvel Deck Building Game - The New Mutants [https://boardgamegeek.com/boardgameexpansion/305035/legendary-marvel-deck-building-game-new-mutants] * Charles- Conferences | Top End Devs [https://topenddevs.com/conferences] * Charles - TopEndDevs on TikTok [https://www.tiktok.com/@topenddevs?lang=en] * Dan-  Dan - Matt Pockock - Typescript * Dan- The ins and outs of Core Web Vitals [https://jsconfbp.com/speakers/dan-shappir/] * Dan- The ins and outs of Core Web Vitals by Dan Shappir [https://www.youtube.com/watch?v=5Ox0nqa_pPc] * Dan - Take a vacation * Dan - Stranger Things [https://www.netflix.com/title/80057281] * Dan - War in Ukraine * Josh- The Incredibles Official Site presented by Disney Movies [https://movies.disney.com/the-incredibles] * Josh- Incredibles 2 [https://movies.disney.com/incredibles-2]

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. SPONSORS * Top End Devs [https://topenddevs.com/] * Coaching | Top End Devs [https://topenddevs.com/coaching] LINKS * Advanced TypeScript - Become a TS Wizard [https://www.mattpocock.com/] * TypeScript Error Translator [https://ts-error-translator.vercel.app/] * Podcast Hosting and Analytics - Welcome to Fireside! [https://fireside.fm/] * Transistor - podcast hosting for creatives, brands, professionals [https://transistor.fm/] * Stately - Visualize your application logic [https://stately.ai/] * Matt Pocock - YouTube [https://www.youtube.com/c/MattPocock] * Twitter: @mattpocockuk [https://twitter.com/mattpocockuk] PICKS * AJ- dotGo 2015 - Rob Pike - Simplicity is Complicated [https://www.youtube.com/watch?v=rFejpH_tAHM] * AJ- GothamGo 2018 - Things in Go I Never Use by Mat Ryer [https://www.youtube.com/watch?v=5DVV36uqQ4E] * AJ- GopherCon 2019: Mat Ryer - How I Write HTTP Web Services after Eight Years [https://www.youtube.com/watch?v=rWBSMsLG8po] * AJ- Plain Text - Dylan Beattie - NDC Oslo 2021 [https://www.youtube.com/watch?v=_mZBa3sqTrI] * AJ - coolaj86 on Twitch [https://www.twitch.tv/coolaj86] * Charles- Legendary: A Marvel Deck Building Game - Dark City [https://boardgamegeek.com/boardgame/137762/legendary-marvel-deck-building-game-dark-city] * Charles - Conferences | Top End Devs [https://topenddevs.com/conferences] * Charles - Sponsors | Top End Devs [https://topenddevs.com/sponsor] * Charles- Trusted CDN Provider | Faster Content Delivery | CacheFly [https://www.cachefly.com/] * Charles - Podcasts | Top End Devs [https://topenddevs.com/podcasts] * Matt- The Crew: The Quest for Planet Nine [https://boardgamegeek.com/boardgame/284083/crew-quest-planet-nine] * Matt - Race for the Galaxy [https://boardgamegeek.com/boardgame/28143/race-galaxy] * Steve - Dad Jokes

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. SPONSORS * Top End Devs [https://topenddevs.com/] * Raygun | Click here to get started on your free 14-day trial [https://raygun.com/?utm_medium=podcast&utm_source=jsjabber&utm_campaign=devchat&utm_content=homepage] * Coaching | Top End Devs [https://topenddevs.com/coaching] LINKS * CrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486 [https://javascriptjabber.com/crux-and-core-web-vitals-what-to-measure-on-the-web-with-rick-viscomi-jsj-486] * Annie Sullivan [https://web.dev/authors/anniesullie/] * Martin Splitt [https://javascriptjabber.com/guests/martinsplitt] * Twitter: @anniesullie [https://twitter.com/anniesullie] * Sponsors | Top End Devs [https://topenddevs.com/sponsor] * Conferences| Top End Devs [https://topenddevs.com/conferences] * Jason Weimann - YouTube [https://www.youtube.com/c/Unity3dCollege/featured] PICKS * AJ- The Pretender | Apple TV [https://tv.apple.com/us/show/the-pretender/umc.cmc.1wm9nic2qw3fvq4qoigkhw436] * AJ- ‎@coolaj86 [https://twitter.com/coolaj86] * AJ- AJ ONeal - Youtube [https://www.youtube.com/c/coolaj86] * AJ- Beyond Code Bootcamp [https://www.youtube.com/channel/UC2KJHARTj6KRpKzLU1sVxBA] * Annie- Google I/O 2022 Session Details [https://io.google/2022/program/81ed353d-20e4-4e9a-9b4d-d65b103cfc71/] * Annie- Procreate® - Sketch, Paint, Create. [https://procreate.art/] * Annie- Art with Flo - YouTube [https://www.youtube.com/channel/UCVJ5hHQMXBiRwNv394EOj_w] * Charles- TACO CAT GOAT CHEESE PIZZA [https://www.dolphinhat.com/taco-cat-goat-cheese-pizza.html] * Charles - Tag someone that has made a difference in one of our podcasts! * Dan- ‎@anniesullie [https://twitter.com/anniesullie] * Dan- Safari is crippling the mobile market, and we never noticed [https://www.theregister.com/2022/05/23/opinion_column/] * Dan - War in Ukraine * Steve - New York City removes the last payphone from service [https://www.cnbc.com/2022/05/23/new-york-city-removes-the-last-payphone-from-service.html] * Steve - Dad Jokes

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. SPONSORS 1. Top End Devs [https://topenddevs.com/] 2. Coaching | Top End Devs [https://topenddevs.com/coaching] LINKS 1. Develop. Preview. Ship. For the best frontend teams - Vercel [http://vercel.com/] 2. Edge Functions - Vercel [https://vercel.com/features/edge-functions] 3. Bun - fast JavaScript & CSS bundler [https://bun.sh/] 4. fnm [https://github.com/schniz/fnm] 5. solving puzzles using TypeScript types [https://gal.hagever.com/posts/typing-the-technical-interview-in-typescript] 6. Gal Schlezinger [https://gal.hagever.com/] 7. Twitter: @galstar [https://twitter.com/galstar] PICKS 1. AJ - None Dare Call It Conspiracy [https://www.amazon.com/None-Dare-Call-Conspiracy-Allen/dp/1939438071] 2. AJ - WHO KILLED BITCOIN? - Documentary [https://www.youtube.com/watch?v=eafzIW52Rgc] 3. Dan - How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks [https://www.smashingmagazine.com/2022/05/google-crux-analysis-comparison-performance-javascript-frameworks/] 4. Dan - A deep dive into optimizing LCP [https://www.youtube.com/watch?v=fWoI9DXmpdk] 5. Dan - War in Ukraine 6. Gal - Raycast [https://www.raycast.com/] 7. Gal - Working with smarter people 8. Steve - Podcast from syntax.fm [http://syntax.fm/] 9. Steve - Dad Jokes