JavaScript Jabber

Today in this all panelist episode, we talk about JS features you should avoid using.  However opinions don't always align, and some come with much debate!  Although we couldn’t cover them all, today we discuss:eval withargumentsdo while for I++continue classesprototypesthisvar with letdeleteSponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksJavaScript Remote Conference 2022Twitter: ‎@cmaxwPicksAJ- Virginia Ctenucha Ctenucha virginica (Esper, 1794) | Butterflies and Moths of North AmericaAJ- The Mistborn Trilogy by Brandon SandersonAJ- Thread pitch gauge at Lowes.com: Search ResultsCharles- AntidoteCharles- Conferences | Top End DevsCharles- 1883 - Yellowstone Prequel (Official Site) Watch on Paramount+Dan- Can I use... Support tables for HTML5, CSS3, etcDan - War in UkraineDan- Webb Space Telescope GSFC/NASASteve- Coworker Standing At Desk Obviously Just Hasn't Learned About Chairs YetSteve - Dad JokesSupport this podcast at — https://redcircle.com/jav

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- p

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 2022Da

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

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 St

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

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

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://redc

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.

Today we talk with Paul Asjes, a developer advocate at Stripe.  We get some insight into creating a more secure site for credit card transactions.  We also discuss card testing, or account stealing, techniques that are used to gain access to active credits cards.  This topic is very important because it can have big financial consequences, and if serious enough, could cause a business to close.  Paul gives us some techniques and strategies to discourage and prevent this activity. SponsorsTop End DevsCoaching | Top End DevsLinksStripeStripe Developers - DiscordStripe Developers - YouTubeLinkedIn - Paul Asjes Twitter: @paul_asjesPicksAJ - The Black PrismAJ - The unnamed city that I now live inCharles -Machi KoroPaul - Stripe SessionsPaul- TakecarebnbSteve - How to Freaking Find Great Developers By Having Them Read CodeSteve - Dad JokesSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spre

Today we chat with Thomas Randolph from GitLab, to discuss his Top 10 list of the upcoming TC39 proposals. The list…Temporal ProposalImport AssertionsJSON ModulesBuilt-In ModulesObservable ProposalPartial ApplicationUUIDPipeline OperatorModule BlocksEmitter Proposal +1 Records and Tuples +2 Reverse and Sort Methods on ArraysSponsorsTop End DevsCoaching | Top End DevsLinksTwitter: Thomas Randolph ( @rockerest )JSJ 425: The Evolution of JavaScriptTemporalimport assertionsJSON modulesThe TC39 ProcessObservablePartial Application for ECMAScriptES pipe operator (2021)JavaScript Module BlocksRecord & TupleECMAScript proposal "Change Array by copy": four new non-destructive Array methodsGitHub: tc39/proposalsJavaScript Jabber 19 April 2022Thomas O. RandolphPicksCharles - The Last BattleCharles - GamePigeonDan - Star Trek: PicardDan - 103 Early HintsDan - War in UkraineSteve - Dad JokesSteve - Rescinded mask mandates for travelThomas - My notes to this episodeThomas - The Design of Everyday Things by Don NormanTh

Today we chat with Thomas Randolph from GitLab, to discuss his Top 10 list of the upcoming TC39 proposals. The list…Temporal ProposalImport AssertionsJSON ModulesBuilt-In ModulesObservable ProposalPartial ApplicationUUIDPipeline OperatorModule BlocksEmitter Proposal +1 Records and Tuples +2 Reverse and Sort Methods on ArraysSponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksTwitter: Thomas Randolph ( @rockerest )JSJ 425: The Evolution of JavaScriptTemporalimport assertionsJSON modulesThe TC39 ProcessObservablePartial Application for ECMAScriptES pipe operator (2021)JavaScript Module BlocksRecord & TupleECMAScript proposal "Change Array by copy": four new non-destructive Array methodsGitHub: tc39/proposalsJavaScript Jabber 19 April 2022Thomas O. RandolphPicksCharles - The Last BattleCharles - GamePigeonDan - Star Trek: PicardDan - 103 Early HintsDan - War in UkraineSteve - Dad JokesSteve - Rescinded mask mandates for travelThomas - My notes to this e

Steve, AJ, and Dan talk to Drew Baker, co-founder of Los Angeles based digital agency Funkhaus about Storybook and Nuxt. After a discussion of various server side rendering methods, Drew talks about how they use Storybook, how it integrates tightly with Nuxt, and how it helps Funkhaus quickly and cleanly spin up sites for large customers.SponsorsTop End DevsCoaching | Top End DevsLinksFunkhausUI / Badges / Funkhaus - DefaultSongs from ScratchAI FoundationPicksAJ - The Lost MedalAJ - Raven DB - Happy Path PerformanceAJ - Creeds of CraftsmanshipAJ - Weight triggered coffee/tea warmerAJ - The Portal ElementFollow CoolAJ86 Live Streams: YouTube: https://youtube.com/coolaj86Twitch: https://twitch.tv/coolaj86Follow Beyond Code: YouTube: https://www.youtube.com/channel/UC2KJHARTj6KRpKzLU1sVxBATwitter: https://twitter.com/@_beyondcodeDan - War in UkraineDan - Terrorist Attack in Tel AvivDrew - Max Howl’s teaSteve - ViteSteve - How to Migrate from Vue CLI to ViteSteve - Dad JokesSpecial Guest: Drew Baker.Sponsored By:

Today we talk with Dejan Miličić, a consultant with more than 20 years of experience as a professional software developer with RavenDB. His areas of expertise are designing, writing, and maintaining applications, with a focus on software architecture and backend development.Dejan discusses the challenges and benefits of NoSQL databases, and what he has learned along the way to simplify and reduce the time required to make changes. We also talk about ways to approach different types of NoSQL databases, and how they should be used. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksNoSQL Database | RavenDB ACID NoSQL Document DatabaseKaggle: Your Machine Learning and Data Science CommunityTweets by @6figuredevPicksAJ- Ethan Garofolo on YouTubeAJ - Microservices on YouTubeAJ - I Have Delivered Value… But At What Cost?AJ - Brandon SandersonChuck - ScytheChuck - Upcoming Converences: JavaScript Summit in July, DHH Coming for Rails in August, Angular React Vu

In this episode, we talk with Max Kordek of Lisk, a leading expert on Blockchain. You’ll learn about what a Blockchain is, how it works, and the benefits of using it. There is also discussion on the opportunities that blockchain presents for the JavaScript developer.How does blockchain work as a decentralized ledger accessed across the world? We discuss how it operates without a central authority - everyone who participates in the network has the financial incentive that no one lies. This creates data that is secure and has integrity. Everything runs on a neutral protocol - no one can manipulate it. No interference from a third party.What is best suited for blockchain? With real-world examples, we discuss what major industries currently benefit - and where there is potential. Blockchain software development kits are available for developers to discover what blockchain can be used for. Logics and Libraries available to the large world of JS developers. Don't forget the lisk.js event this summer, and make sure

SolidJS is a web development framework that focuses on using reactivity and carries forward several ideas from Knockout.js.https://javascriptjabber.com/13Ryan Carniato, the creator of SolidJS breaks down the history and ideas behind SolidJS and compares it to React and other frameworks.SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsPicksAJ- Creeds of CraftsmanshipFollow CoolAJ86 Live Streams: YouTube: https://youtube.com/coolaj86Twitch: https://twitch.tv/coolaj86Follow Beyond Code: YouTube: https://www.youtube.com/channel/UC2KJHARTj6KRpKzLU1sVxBATwitter: https://twitter.com/@_beyondcodeCharles- Dice Forge | Board Game | BoardGameGeekCharles- BoardGameGeekCharles- Conferences | Top End DevsRyan- Corset - Declarative reactive UI without the complexity of SPAsSteve- Twitter: Dad Jokes ( @Dadsaysjokes )Special Guest: Ryan Carniato.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel

Elm is a functional language that compiles to JavaScript and runs in the browser. Lindsay Wardell from NoRedInk joins the JavaScript Jabber panel this week to discuss her background with Vue and Elm. The discussion ranges into how Lindsay got into Elm and how it differs and solves some of the issues that crop up when people build apps with JavaScript.SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinkselm-vue-bridgeGitHub - lindsaykwardell/vite-elm-templateUtilizing Elm in a Web WorkerSetting up an Elm project in 2022Lindsay WardellPicksAJ- GitHub: coolaj86/AJScriptAJ- SlonikFollow CoolAJ86 Live Streams: YouTube: https://youtube.com/coolaj86Twitch: https://twitch.tv/coolaj86Follow Beyond Code: YouTube: https://www.youtube.com/channel/UC2KJHARTj6KRpKzLU1sVxBATwitter: https://twitter.com/@_beyondcodeCharles- Taco Cat Goat Cheese PizzaDan- UprootedDan- Support UkraineLindsay- Elm Radio PodcastLindsay- Why Isn't Functional Programming the Norm? – Richard Fel

This episode is Part 3 of the Dan Shappir trilogy. Today, he’s laying out the deets on components and state management inside of React, plus some exciting developments coming later this year.In This Episode1) Why you ought to know the “ideal” situation for React components (and how to get there!) 2) These new “front-end paradigms” that are going to CHANGE how we approach React and others 3) SUPER exciting developments coming for React in 2022SponsorsTop End DevsCoaching | Top End DevsPicksAJ- Dash IncubatorAJ- Talks at GoogleFollow CoolAJ86 Live Streams: YouTube: https://youtube.com/coolaj86Twitch: https://twitch.tv/coolaj86Follow Beyond Code: YouTube: https://www.youtube.com/channel/UC2KJHARTj6KRpKzLU1sVxBATwitter: https://twitter.com/@_beyondcodeCharles- Dice Forge | Board Game | BoardGameGeekCharles- Top End Devs - for upcoming workshopsDan- Support UkraineDan- Interview with Senior JS Developer in 2022 - YoutubeSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Ou

There’s always more to learn about security, especially nowadays. In this episode, the Jabberers continue their conversation with Feross Aboukhadijeh about supply chain security. You can never be too careful! (Well…maybe.)“The most important thing you can do is have a mindset shift around dependencies.” _ _- Feross AboukhadijehIn This Episode1) How the BEST way to keep your security tight is NOT done on the computer 2) Why we’re seeing a trend toward THESE kinds of packages in 2022 3) What you NEED to know about dependencies and their expiration datesSponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsPicksAJ- Download - The Go Programming LanguageAJ- xtz - npmFollow CoolAJ86 Live Streams: YouTube: https://youtube.com/coolaj86Twitch: https://twitch.tv/coolaj86Follow Beyond Code: YouTube: https://www.youtube.com/channel/UC2KJHARTj6KRpKzLU1sVxBATwitter: https://twitter.com/@_beyondcodeCharles- Pandemic | Board Game | BoardGameGeekCharles- Meetups | Top End Devs

Malware attacks are scary, so preparation is keys. In this episode, the Jabberers talk with Feross Aboukhadijeh, a developer who’s redefining malware detection to help you prepare for the next assault. “It’s awesome that such small teams can make complex code, but it’s not enough to just scan for vulnerabilities.” -Feross Aboukhadijeh In This Episode1) This SCARY trend in supple chain malware attacks (and how to prepare) 2) Why tools like Socket are VERY different from common malware detection 3) How companies in 2022 are addressing their security (and what they’re looking for in developers to help them)SponsorsTop End DevsCoaching | Top End DevsLinksSocket – protect your OSS supply chainFeross’s Talk at CascadiaJS 2021 “It’s a Jungle Out There! – Open Source Supply Chain Attacks”PicksAimee- Kubernetes Chaos EngineeringAimee- Normatec 2.0 Pro Legs | HypericeAJ- SocketAJ- BundlephobiaAJ- NPMGraphFollow CoolAJ86 Live Streams: YouTube: https://youtube.com/coolaj86Twitch: https://twitch.tv/coolaj86Follow Beyond C