JavaScript Jabber

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.


Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Steve - Builder io
• Drag and drop page builder and CMS - Builder.io
• Top End Devs | Conferences
• TopEndDevs (@topenddevs) TikTok | Watch TopEndDevs's Newest TikTok Videos
• Twitter: @Steve8708
• Steve (Builder.io) (u/steve8708) - Reddit
• Instagram: steve8708
• TikTok: steve8708

Picks

• AJ- Sapiens: A Brief History of Humankind
• AJ- JavaScript: The Good Parts: The Good Parts
• Charles- Lost Ruins of Arnak
• Charles- Top End Devs | Conferences
• Charles- Anedot | Powerful giving tools made easy
• Dan - Callout to Twitter thread comparing Copilot to tabnine
• Dan- Spinning Silver: A Novel
• Dan - War in Ukraine
• Steve Edwards - GitHub Copilot available to all developer
• Steve Sewell - TikTok
• Steve Sewell - DesignerTom (@designertom) TikTok | Watch DesignerTom's Newest TikTok Videos

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

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
• Raygun | Click here to get started on your free 14-day trial
• Coaching | Top End Devs

Links

• Shopify Developers Platform-Build. Innovate. Get paid.
• Hydrogen
• Josh Larson
• Twitter: @jplhomer
• jplhomer - Overview
• GitHub - Shopify/hydrogen
• Josh Larson - Senior Staff Developer - Shopify | LinkedIn
• How We Built Hydrogen: A React Framework for Building Custom Storefronts
• - Top End Devs

Picks

• AJ- Muscle Rack - Freestanding Shelving Units - Shelving - The Home Depot
• AJ- "WHAT IS A WOMAN?"
• Charles- Legendary: A Marvel Deck Building Game - Fantastic Four
• Charles- Legendary: A Marvel Deck Building Game - The New Mutants
• Charles- Conferences | Top End Devs
• Charles - TopEndDevs on TikTok
• Dan-  Dan - Matt Pockock - Typescript
• Dan- The ins and outs of Core Web Vitals 
• Dan- The ins and outs of Core Web Vitals by Dan Shappir
• Dan - Take a vacation
• Dan - Stranger Things
• Dan - War in Ukraine
• Josh- The Incredibles Official Site presented by Disney Movies
• Josh- Incredibles 2

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

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
• Coaching | Top End Devs

Links

• Advanced TypeScript - Become a TS Wizard
• TypeScript Error Translator
• Podcast Hosting and Analytics - Welcome to Fireside!
• Transistor - podcast hosting for creatives, brands, professionals
• Stately - Visualize your application logic
• Matt Pocock - YouTube
• Twitter: @mattpocockuk

Picks

• AJ- dotGo 2015 - Rob Pike - Simplicity is Complicated
• AJ- GothamGo 2018 - Things in Go I Never Use by Mat Ryer
• AJ- GopherCon 2019: Mat Ryer - How I Write HTTP Web Services after Eight Years
• AJ- Plain Text - Dylan Beattie - NDC Oslo 2021
• AJ - coolaj86 on Twitch
• Charles- Legendary: A Marvel Deck Building Game - Dark City
• Charles - Conferences | Top End Devs 
• Charles - Sponsors | Top End Devs 
• Charles- Trusted CDN Provider | Faster Content Delivery | CacheFly
• Charles - Podcasts | Top End Devs 
• Matt- The Crew: The Quest for Planet Nine
• Matt - Race for the Galaxy
• Steve - Dad Jokes

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

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
• Raygun | Click here to get started on your free 14-day trial
• Coaching | Top End Devs

Links

• CrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486
• Annie Sullivan
• Martin Splitt
• Twitter: @anniesullie
• Sponsors | Top End Devs
• Conferences| Top End Devs
• Jason Weimann - YouTube

Picks

• AJ- The Pretender | Apple TV
• AJ- ‎@coolaj86
• AJ- AJ ONeal - Youtube
• AJ- Beyond Code Bootcamp
• Annie- Google I/O 2022 Session Details
• Annie- Procreate® - Sketch, Paint, Create.
• Annie- Art with Flo - YouTube
• Charles- TACO CAT GOAT CHEESE PIZZA
• Charles - Tag someone that has made a difference in one of our podcasts!
• Dan- ‎@anniesullie
• Dan- Safari is crippling the mobile market, and we never noticed
• Dan - War in Ukraine
• Steve - New York City removes the last payphone from service
• Steve - Dad Jokes

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

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
2. Coaching | Top End Devs

Links

1. Develop. Preview. Ship. For the best frontend teams - Vercel
2. Edge Functions - Vercel
3. Bun - fast JavaScript & CSS bundler
4. fnm
5. solving puzzles using TypeScript types
6. Gal Schlezinger
7. Twitter: @galstar
   
   

Picks

1. AJ - None Dare Call It Conspiracy
2. AJ - WHO KILLED BITCOIN? - Documentary
3. Dan - How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks
4. Dan - A deep dive into optimizing LCP
5. Dan - War in Ukraine
6. Gal - Raycast
7. Gal - Working with smarter people
8. Steve - Podcast from syntax.fm
9. Steve - Dad Jokes
   
   
   

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

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. 

Sponsors

1. Top End Devs
2. Raygun | Click here to get started on your free 14-day trial
3. Coaching | Top End Devs
   
   

Picks

1. AJ - Valley Forge Flags
2. AJ - Frog Chess
3. AJ - Beyond Code Bootcamp
4. AJ -Creeds of Craftsmanship
5. Dan - JSConf Budapest
6. Dan - Stock Market / Tech Stocks going down
7. Dan - War in Ukraine
8. Steve - Dad Jokes

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become 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.

Sponsors

1. Top End Devs
2. Coaching | Top End Devs

Links

1. Stripe
2. Stripe Developers - Discord
3. Stripe Developers - YouTube
4. LinkedIn - Paul Asjes 
5. Twitter: @paul_asjes

Picks

1. AJ - The Black Prism
2. AJ - The unnamed city that I now live in
3. Charles -Machi Koro
4. Paul - Stripe Sessions
5. Paul- Takecarebnb
6. Steve - How to Freaking Find Great Developers By Having Them Read Code
7. Steve - Dad Jokes

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Today we chat with Thomas Randolph from GitLab, to discuss his Top 10 list of the upcoming TC39 proposals.

 The list…

1. Temporal Proposal
2. Import Assertions
3. JSON Modules
4. Built-In Modules
5. Observable Proposal
6. Partial Application
7. UUID
8. Pipeline Operator
9. Module Blocks
10. Emitter Proposal +1 Records and Tuples +2 Reverse and Sort Methods on Arrays

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Twitter: Thomas Randolph ( @rockerest )
• JSJ 425: The Evolution of JavaScript
• Temporal
• import assertions
• JSON modules
• The TC39 Process
• Observable
• Partial Application for ECMAScript
• ES pipe operator (2021)
• JavaScript Module Blocks
• Record & Tuple
• ECMAScript proposal "Change Array by copy": four new non-destructive Array methods
• GitHub: tc39/proposals
• JavaScript Jabber 19 April 2022
• Thomas O. Randolph

Picks

• Charles - The Last Battle
• Charles - GamePigeon
• Dan - Star Trek: Picard
• Dan - 103 Early Hints
• Dan - War in Ukraine
• Steve - Dad Jokes
• Steve - Rescinded mask mandates for travel
• Thomas - My notes to this episode
• Thomas - The Design of Everyday Things by Don Norman
• Thomas - What is Reactive Programming by Kevin Webber
• Thomas - War in Ukraine

Special Guest: Thomas Randolph.Sponsored By:

• Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams
• Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Today we chat with Thomas Randolph from GitLab, to discuss his Top 10 list of the upcoming TC39 proposals.

 The list…

1. Temporal Proposal
2. Import Assertions
3. JSON Modules
4. Built-In Modules
5. Observable Proposal
6. Partial Application
7. UUID
8. Pipeline Operator
9. Module Blocks
10. Emitter Proposal +1 Records and Tuples +2 Reverse and Sort Methods on Arrays

Sponsors

• Top End Devs
• Raygun | Click here to get started on your free 14-day trial
• Coaching | Top End Devs

Links

• Twitter: Thomas Randolph ( @rockerest )
• JSJ 425: The Evolution of JavaScript
• Temporal
• import assertions
• JSON modules
• The TC39 Process
• Observable
• Partial Application for ECMAScript
• ES pipe operator (2021)
• JavaScript Module Blocks
• Record & Tuple
• ECMAScript proposal "Change Array by copy": four new non-destructive Array methods
• GitHub: tc39/proposals
• JavaScript Jabber 19 April 2022
• Thomas O. Randolph

Picks

• Charles - The Last Battle
• Charles - GamePigeon
• Dan - Star Trek: Picard
• Dan - 103 Early Hints
• Dan - War in Ukraine
• Steve - Dad Jokes
• Steve - Rescinded mask mandates for travel
• Thomas - My notes to this episode
• Thomas - The Design of Everyday Things by Don Norman
• Thomas - What is Reactive Programming by Kevin Webber
• Thomas - War in Ukraine

Special Guest: Thomas Randolph.Sponsored By:

• Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams
• Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.
• Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

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.Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Funkhaus
• UI / Badges / Funkhaus - Default
• Songs from Scratch
• AI Foundation

Picks

• AJ - The Lost Medal
• AJ - Raven DB - Happy Path Performance
• AJ - Creeds of Craftsmanship
• AJ - Weight triggered coffee/tea warmer
• AJ - The Portal Element
  • Follow CoolAJ86 Live Streams: 
  • YouTube: https://youtube.com/coolaj86
  • Twitch: https://twitch.tv/coolaj86
  • Follow Beyond Code: 
  • YouTube: https://www.youtube.com/channel/UC2KJHARTj6KRpKzLU1sVxBA
  • Twitter: https://twitter.com/@_beyondcode
• Dan - War in Ukraine
• Dan - Terrorist Attack in Tel Aviv
• Drew - Max Howl’s tea
• Steve - Vite
• Steve - How to Migrate from Vue CLI to Vite
• Steve - Dad Jokes

Special Guest: Drew Baker.Sponsored By:

• Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams
• Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.