Real Talk JavaScript

Recording date: March 2, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: How full is your bucket? For kids How to Maximize Your Impact as an Engineer Impact vs Activity “If you want to go fast go alone. If you want to go far go together.” African Proverb The Coaching Habit Measuring Impact vs Activity How to Win Friends and Influence People Have You Filled A Bucket Today? Timejumps target='_blank' rel='nofollow' 00:59:00 Craig the Stormbringer 02:54:00 What fills your bucket? 05:50:02 Sponsor: Ag Grid 06:50:00 What fills Dan's bucket? 15:59:12 Intentionality vs reacting 25:23:09 Sponsor: Narwhal 26:01:00 How do you get past blockers on projects? 29:12:00 How do you deal with pushback? 35:53:12 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Feb 23rd, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Sam Artioli @SamArtioli
Brought to you by
AG Grid

IdeaBlade
Resources: Reach Sam on email Tredder Website IdeaBlade Rensselaer Polytechnic Institute (RPI) Capoeira Apple RFID Start Bootstrap UI templates FinTech Voice Capo The Power Broker: Robert Moses and the Fall of New York by Robert Caro Liift More Paul Graham on Twitter The Power Law Zero to One The Hard Thing About Hard Things Crossing the Chasm Timejumps target='_blank' rel='nofollow' 02:32 Guest introduction 08:06 How do you know when to jump on an idea? 11:49 Sponsor: Ag Grid 12:51 Working with a partner 17:27 What is Tredder? 18:39 Sizing the market 22:20 Building a business can be like playing poker 25:58 How do you protect yourself legally and payroll? 27:42 Sponsor: IdeaBlade 28:48 How do you determine success or failure in a startup? 33:23 Be prepared for the unprepared 35:50 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Feb 16, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Maxim Salnikov @WebMaxRU
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: PWA Overview of Progressive Web Apps (PWAs) Maxim on Web Rush episode 4 ngVikings event Akershus Fortress What is a Progressive Web App (PWA) Alex Russell Progressive Web Apps: Escaping Tabs Without Losing Our Soul What’s new in Progressive Web Apps Service Worker API Web App Manifest Beats Per Minute PWA DALL-E What can PWA do today? Article on Web Share API chatGPT The "new" Bing GitHub Copilot GitHub Copilot now has a better AI model and new capabilities Slides about PWA installability Slides about PWA offline-readiness PWA docs on Microsoft Learn (great and up-to-date resource!) BPM Techno service worker source code (Workbox-powered) BPM Techno service worker build source code BPM Techno Web App Manifest source code Timejumps
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Manfred Steyer @ManfredSteyer
Brought to you by
AG Grid

IdeaBlade
Resources: Angular Lazy loading To Decouple or Not to Decouple? The Answer Depends on Your Website (And Your Budget) Domain driven design Blog Series on Module Federation with Angular Piral Free eBook on Module Federation with Angular Timejumps target='_blank' rel='nofollow' 00:37 Guest introduction 01:11 How did you get started with micro front ends? 03:36 What are the consequences of micro front ends? 07:14 Why should someone use micro front ends? 10:09 Sponsor: Ag Grid 11:12 What are implementation details of working with micro front ends 21:17 Sponsor: IdeaBlade 22:13 Using hyperlinks to achieve micro front end 28:29 How does a mobile device handle micro front ends? 33:30 How do you get consistency across UX? 35:38 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Feb 2, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Kevin Åberg Kultalahti @kevmodrome
Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: SvelteKit 1.0’s release Rich Harris on Twitter Svelte Svelte Society Svelte Radio Loki Variants Svelte vs React Comparison Svelte Components Svelte Tutorial Svelte vs SvelteKit ASP.NET MVC SvelteKit Adapters SvelteKit Forms Timejumps 00:27 Welcome 01:00 Guest introduction 02:05 What is Svelte Society? 04:26 What is Svelte? 07:44 Sponsor: Ag Grid 08:46 What is the Svelte Compiler? 13:14 What is SvelteKit? 19:18 Why SvelteKit? 23:40 Sponsor: Nrwl 24:16 What are adapters in Svelte? 29:14 What is exciting about SvelteKit? 32:01 What is the file structure for SvelteKit? 34:59 Getting started with SvelteKit 36:00 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Jan 26, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

IdeaBlade
Resources: The Four Pillars of Ward Bell Public Speaking Genius What’s the problem? Why should I care? What am I going to do about it? How should I feel? John’s 5th pillar: Cut any content that doesn’t meet the needs of the first 4. Craig's Tweet on differentiating yourself Vinh Giang speaking tips on TikTok Sharknado Speed Movie Die Hard on a Bus John Papa’s speaking course at Pluralsight Holding Out for a Hero Keiran Drew Timejumps target='_blank' rel='nofollow' 00:27 Welcome 01:01 Why should you care about presentation? 04:50 What are scenarios where better communication helps? 06:29 Ward's 4 Pillars of Public Speaking 09:18 Sponsor: Ag Grid 10:15 Differentiating yourself 15:50 The pause 26:28 Sponsor: IdeaBlade 27:29 How do you come up themes or ideas for a talk? 31:45 The hero's journey 38:48 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Chris Noring @chris_noring
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Codespaces Overview Code Spaces .NET Core Starter Dev containers Introduction to GitHub Code Spaces Managing encrypted secrets for your codespaces Configuring and customizing codespaces: deep dive target='_blank' rel='nofollow' Vscode.dev Github.dev Just One More Change - github.dev, vscode.dev, codespaces on YouTube by John Papa Azure for Students $100 credit Codespaces pricing What is Codespaces and how can Students access it for free? Simple example of configuring a codespaces environment for Angular + Node How to optimize your Codespaces using quotas Introduction to Dev Containers
Create a Dev Container https://code.visualstudio.com/docs/devcontainers/create-dev-container
Timejumps target='_blank' rel='nofollow' 00:46 Guest introduction 02:30 What is Code Spaces? 03:21 What problem is Code Spaces solving? 05:14 What's the debugging experience in Code Space? 06:50 Sponsor: Ag Grid 07:51 What about open source contributer and PRs? 14:51 Using Code Spaces with a lower powered computer 16:44 Is there a program for students? 19:28 Sponsor: Narwhal 20:09 What is the cost of Code Spaces? 24:51 How do the dev container files work? 28:45 How does Code Spaces compare to competitors? 32:25 How else is Code Spaces used? 39:12 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 12/29/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Tanner Linsley @TannerLinsley
Brought to you by
AG Grid

IdeaBlade
Resources: TanStack on Twitter TanStack Router Tanner Linsley on Web Rush discussing data grids in the web Sammy.js Angular React Nuxt.js Next.js Svelte SvelteKit Announcing TanStack Router @ jamstackconf on YouTube Nozzle.io Definition of a router, as per MDN The location interface on MDN Angular Router React Router Vue Router SvelteKit Router History API as per MDN History.js Remix Solid.js Timejumps target='_blank' rel='nofollow' 00:29 Welcome 02:08 Guest introduction 03:04 Why isn't routing a solved problem? 08:22 Sponsor: Ag Grid 09:29 Things we have to think about with router 11:15 What are the core feautres of routing? 22:29 Routing architecture 26:44 What is the Tanstack router? 39:27 Sponsor: IdeaBlade 40:19 What are features of Tanstack router? 42:40 What is code splitting? 44:39 More features of Tanstack Router 51:32 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 12/22/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Lensa AI What you should know about Lensa before you use it Ethics and AI in google search This Person Does Not Exist ChatGPT “I asked Chat GPT to build a To-Do app” Ward’s repo for subsink GitHub CoPilot docs Timejumps target='_blank' rel='nofollow' 00:28 Welcome 01:51 This person does not exist 04:08 Ethics in AI 04:58 ChatGPT 10:44 Sponsor: AG Grid 11:45 GitHub Copilot 20:45 Not having to remember monotonous details 23:31 Sponsor: Narwhal 24:10 Why use these tools? 31:46 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 12-15-2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Evyatar Alush @evyataral
Brought to you by
AG Grid

IdeaBlade
Resources: MDN: Proxy Caniuse Proxy Traps Tutorial GoogleChrome/proxy-polyfill (Sam Thorogood) Vest n4s (enforce) VueJS How Reactivity Works In Vue MobX Immer, Immutability and the Wonderful World of Proxies - Michel Weststrate Fiverr Talks: Building an Assertion Library with Javascript Proxy, Evyatar Alush Writing a JS Proxy based assertion function Partytown Qwik Web Worker XmlHttpRequest Generic Party Town Proxy Timejumps target='_blank' rel='nofollow' 00:48 Guest introduction 01:45 What are JavaScript proxies? 04:08 What might a developer use this for? 07:01 Sponsor: Ag Grid 08:02 How are the proxies delivered? 14:31 Sponsor: IdeaBlade 15:33 Where is this being used? 19:05 Do proxies allow for random access? 20:30 When do you think about performance? 27:22 When should people bring this into their codebase? 29:38 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 12/08/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Corbin Crutchley @Crutchcorn
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Google Lighthouse PageSpeed Insights Gatsby Astro NextJS Unicorn Utterances Framework Field Guide GitShark Islands Architecture Astro Islands Remark.js Qwik Brandon Roberts, Developer Extraordinaire Timejumps target='_blank' rel='nofollow' 00:38 Caviar dreams 01:53 Guest introduction 04:01 Starting out in Lighthouse 06:47 Why Astro? 08:25 Sponsor: Nrwl 09:01 What have you added on to Astro? 12:43 What about islands architecture? 16:46 What about Angular support? 17:49 Sponsor: Ag Grid 18:54 What changes did you make to improve Lighthouse score? 23:08 How is Markdown supported? 25:15 What was it like switching from Gatsby to Astro? 27:09 What sort of incremental improvements can I do? 35:15 What was the hardest part of the process? 37:27 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 12/1/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Feross Aboukhadijeh @Feross
Brought to you by
AG Grid

IdeaBlade
Resources: Feross Aboukhadijeh’s website Feross Aboukhadijeh’s GitHub Log4j The Federal Trade Commission’s (FTC) note on Log4j Socket – Secure your JavaScript supply chain What’s really going on in your node_modules folder? Vulnerability scanning isn’t enough to protect your app Auditing npm packages for security vulnerabilities GitHub Dependabot List of package security issues that Socket detects List of npm packages that have been removed from npm for security reasons Feross’s Web Security class at Stanford University Darknet Diaries DEFCON conference Have I Been Pwned? Troy Hunt 1% of CMS-Powered Sites Expose Their Database Passwords Timejumps target='_blank' rel='nofollow' 00:44 World Cup welcome 02:08 Security in applications 03:20 Guest introduction 04:41 Why should you worry about your software supply chain? 07:41 Sponsor: Ag Grid 08:50 What's the attack vector like and what's the threat? 15:54 Depending on dependancies to find security issues 22:16 Sponsor: IdeaBlade 23:13 Make it easy to do the right thing 29:16 What was log4j? 33:45 How does Socket work? 34:36 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Nov 17, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Dan Wahlin on Twitter Dan Wahlin on GitHub Rabbits vs Guinea Pigs Dan Wahlin on Pluralsight Apple IIc IBM PC jr TRS 80 Show White design language Links golf game Paint Shop Pro VB Script Sort Algorithm Wrox Press Component Object Model (COM) Dan Wahlin’s books he's authored Timejumps target='_blank' rel='nofollow' 01:30 Who is Dan Wahlin? 04:56 Getting distracted by golf games 08:16 Sponsor: Ag Grid 09:14 Do you regret not getting a computer science degree? 20:17 Sponsor: Nrwl 20:52 Getting over imposter syndrome 24:53 Were you ever worried about losing your job? 30:22 Any crash and burn experiences? 31:25 Advice for moving your career forward
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Nov 10, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Stephen Cooper @Scooperdev
Brought to you by
AG Grid

IdeaBlade
Resources: AG Grid Tan Stack with Tanner Linsley on Web Rush 206 Whimsy definition Getting Started docs for AG Grid Using AG Grid with React Using AG Grid with Vue Using AG Grid with Angular 5 Open Source JavaScript Grids AG Grid GitHub repository What is an Abstract Syntax Tree? (AST) ESLint and TypeScript ASTs Glide Gear Teleprompter Using Typescript to Auto Generate Documentation Timejumps target='_blank' rel='nofollow' 00:29 Welcome 02:24 Guest introduction 07:10 Helping developers work with AG Grid 08:16 What are the pain points for using grids? 09:49 Sponsor: AG Grid 10:44 How do you determine sensible defaults for developers? 12:49 What's the best route for giving feedback on AG Grid? 14:31 How can users try out different features of AG Grid? 19:17 How do you decide which mode to use? 26:55 Advice for developers using a grid 29:16 Sponsor: IdeaBlade 30:11 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Dan and Craig talk about the ways to use containers to deploy web apps, and the benefits and drawbacks to using Kubernetes for deploying web apps.

Recording date: 11/03/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Docker Desktop Rancher Desktop Docker What is a Container Kubernetes Amazon Elastic Container Service Amazon Elastic Kubernetes Service Google Cloud Run Azure Kubernetes Service Azure Container Apps What are containers: Benefits and Use Cases Get Started with Containers What is a container image? Timejumps target='_blank' rel='nofollow' 00:34 The famous Craig Shoemaker 01:43 Deploying apps in containers 02:37 Why use containers? 06:22 Benefits and pain points of Kubernetes 09:50 Sponsor: Narwhal 10:18 When should you use Kubernetes? 14:52 Sponsor: Ag Grid 15:50 Where do you run Kubernetes? 23:56 Where do you get started with containers?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Nov 1, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Ely Lucas @ElyLucas
Brought to you by
AG Grid

IdeaBlade
Resources: React with PWA and Ionic with ELy Lucas on Web Rush episode 69 Cypress Component Test, by Martin Fowler Writing your first component test Angular component test harnesses Cy.mount React and Cypress Testing React components Cypress and Svelte Angular and Cypress Vue and Cypress Cypress vs Selenium Waiting and Retry in Cypress Intercepting http requests with Cypress Vuori Blockbuster on Netflix Timejumps target='_blank' rel='nofollow' 00:51 Candy hangovers 02:40 Guest introduction 04:12 What is component testing? 07:30 How do you test complicated components? 10:03 Sponsor: Ag Grid 11:04 Calcuate taxes example 16:39 What's your background with testing? 20:45 Sponsor: IdeaBlade 21:48 Why don't we want to test? 24:55 What's easy and what's still difficult? 27:57 What code am I handing over to Cypress? 35:27 Cypress 11 availability 36:13 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 10/27/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Martin Turoci @Unusual_code
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: H20 Wave H2O.ai on Twitter H20 website H2O Hydrogen Torch Slovakia on Google Maps Badminton Surfing GitHub Copilot Stanley Kubrick Star Wars Microsoft Cloud command line Psychology of Money Existential Physics Timejumps target='_blank' rel='nofollow' 00:28 Badminton vs snowballs 02:49 Guest introduction 04:11 A front end framework without HTML or CSS? 05:23 What is H2O.ai? 07:04 Sponsor: Ag Grid 08:06 How do you build a presentation? 11:21 Is it server side or client side? 13:42 What types of applications are people using this for? 15:32 Sponsor: Narwhal 16:11 What is the target audience for Wave? 24:22 Why are web sockets not fun to set up? 27:41 What are some use cases for Wave? 29:21 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 10/13/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Jordan Powell @JordanPowell88
Brought to you by
AG Grid

IdeaBlade
Resources: Jordan Powell’s website Cypress 10 Cypress Run tests in WebKit Cypress on Ep 3 of Web Rush TestCafe from DevExpress Playwright Testing Cleveland Midges Cypress web site Selenium vs Cypress End to End vs Unit Testing What is a unit test? What is an integration test? What is End to End Testing? The Practical Testing Pyramid, by Martin Fowler 42, Jackie Robinson The Hitchhiker’s Guide to the Universe and 42 Dave Farley’s YouTube Channel Dave Farley’s “Don’t Do E2E Testing!” Timejumps target='_blank' rel='nofollow' 01:27 Guest introduction 04:04 Would testing have helped with the Yankees? 07:31 Sponsor: Ag Grid 08:33 How does Cypress make it easy for developers to test? 12:46 Do you use Cypress for unit tests? 19:10 What are the various kinds of testing? 27:08 What does Cypress do to make testing less painful? 29:21 Sponsor: IdeaBlade 30:11 What do people need to know about component testing?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: October 6, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Kapehe @kapehe_ok
Brought to you by AG Grid

Narwhal
Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources:
Kapehe’s blog

Kapehe’s YouTube channel

Sanity.io

The Battle of House Promises vs House Observables with Kapehe

What the heck is a developer advocate?

Query Language for Sanity (GROQ)

GROQ in 2 video series

RXJS
Timejumps
target='_blank' rel='nofollow' 00:32 Topic introduction

01:04 Creating content

02:49 Guest introduction

05:49 What does developer relations mean to you?

07:18 Sponsor: Narwhal

07:50 How does Dev Rel go back to the Product team?

15:03 Where does video work best for dev rel?

19:34 Sponsor: Ag Grid

20:36 The difference between a presentation vs a workshop?

22:33 How does dev rel not become a shill for the company?

27:21 Dealing with criticism of dev rel knowledge

33:10 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 09/29/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Tanner Linsley @TannerLinsley
Brought to you by AG Grid

IdeaBlade Resources:
TanStack

TanStack Table on github

Tanner Linsley’s conference presentation 5 Years of Building React Table at React Summit 2022

Ag-Grid

Nozzle

Memoization in Javascript and React
Timejumps
target='_blank' rel='nofollow' 01:18 Guest introduction

02:59 What functionality does a data grid give you?

08:13 Sponsor: Ag Grid

09:17 What are people using grids for?

16:22 How do you differ from Ag Grid?

29:02 How do you decide which grid to use?

34:54 Do you work with other libraries besides React?

36:27 Virtualization

39:42 Sponsor: IdeaBlade

40:34 Why would you want to use headless?

42:52 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 09/22/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Matt Netkow @DotNetkow
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Matt's upcoming book What are soft skills? Todd Anglin on Twitter 10 Business Leaders who Overcame Dyslexia Toastmasters The Great Love of All Timejumps
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 9/15/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Katerina Skroumpelou on Twitter https://twitter.com/psybercity
Brought to you by
AG Grid

IdeaBlade
Resources: Katerina Skroumpelou’s website Google Maps with Katerina Skroumpelou Firebase with Katerina Skroumpelou Nx and Lerna Angular docs Web Sockets API Heroku Push Notifications API Web Push Notifications Firebase Firebase projects vs apps Firestore data Google Cloud Functions Google Cloud Functions for Firebase Google Cloud Platform Console Firebase authentication Firebase pricing Foster Kitten Mama Outpost Wolf commercial Colorado Wolf and Wildlife Center CavaPoo dogs Timejumps target='_blank' rel='nofollow' 00:49 Topic introduction 02:03 Guest introduction 05:57 What drew you to Google Cloud? 07:45 Sponsor: Ag Grid 08:46 What was the app you created for a friend? 10:37 How did you do authentication and hosting? 17:14 How quickly is data updated? 23:48 What pain goes away because you can use functions? 25:33 Sponsor: IdeaBlade 26:32 How does Firebase handle authentication? 28:44 How do you deploy your project? 36:32 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 09/08/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Evyatar Alush @evyataral
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Episode 188: Wearing a Vest is In Style, with Evyatar Alush Toastr Form Validation Done Right, by Ward Bell at ngConf 2022 Angular AsyncValidator Vest on GitHub Squiggly Be Gone ! New feature in VS Code Peacock Vest.js Vest news, from InfoQ Vest and Svelte Vest and React Emoji Picker React Evyatar Alush on GitHub VS Code Peacock extension NxConf Don't be scared to put yourself out there React Context Propagation in JavaScript Timejumps target='_blank' rel='nofollow' 00:44 Be our vest 01:47 Guest introduction 02:09 What is the Vest framework? 04:21 What is unique about Vest? 10:29 Sponsor: Narwhal 11:08 What are some issues people run into with Vest? 14:12 What is DX? 19:30 When should you use Vest? 22:35 Should we be validating on the server? 27:37 How have you used Vest? 29:21 Sponsor: Ag Grid 30:24 What is the future of Vest? 33:34 What are you working on these days? 37:24 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: August 25, 2022

John Papa @John_Papa

Ward Bell @WardBell

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

IdeaBlade
Resources: Npm Jshint Morgan js Bunyan js Pino js AG Grid Leftpad Sugar.js Pair programming Hal replacing a light bulb (malcolm in the middle) Yak shaving defined Yak Shaving: A Short Lesson on Staying Focused Timejumps target='_blank' rel='nofollow' 00:53 How we choose open souce projects 06:42 Using loggers as an example 07:23 Sponsor: Ag Grid 08:29 Testing for if a library is current 10:53 When do you decide to go look elsewhere? 18:42 How do you fix your mistakes? 31:17 Sponsor: IdeaBlade 32:23 When you're stuck in a ditch 35:48 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Aug 18, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Corbin Crutchley @Crutchcorn
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Book Woody Allen Fairchild Channel F Atari 2600 Pong Night Driver CRT React Vue Angular React Router Reactive Programming JavaScript Proxies SSG What does proxy mean in Vue 3? Reactivity in Vue React Reconsiller Svelte Marko Solid.js Qwik Tailwind WindiCSS React Native Styled Components Pinia Vuex Ref vs Reactive in Vue 3 composition API Immutable.js RxJS React Hooks useRef and useState in React Or Timejumps target='_blank' rel='nofollow' 00:33 Welcome 02:10 Guest introduction 06:41 What is a proxy? 07:58 Sponsor: Ag Grid 09:04 Examples of proxies and how they work 14:38 What does your field guide help people with? 23:53 Sponsor: Narwhal 24:32 Who is the book for? 26:58 What about dynamic HTML? 27:35 What's your favorite feature of each framework? 31:53 What is a barrel file? 41:43 How can we get the book? 44:17 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Aug 11, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Ron Au @Ronvoluted
Brought to you by
AG Grid

IdeaBlade
Resources: Ron Au on the web Ron Au upcoming talk on scrollytelling with Svelte Huggingface Svelte Svelte Kit Sapper and Svelte Web Hydration What is Hydration in SvelteKit Svelte Repl Elder JS on episode 158 of Web Rush ElderJS Qwik on the Web Rush podcast Qwik framework Should you use Svelte in production? Rich Harris on frameworks organising your mind, not code John Papa’s Shop at Home Precursor to Svelte, Ractive.js Hugging Face and Svelte What is social Engineering? Web Animations API Svelte transitions Rich Harris on Web Rush on Single and Multi page applications - episode 153 What is a a CMS The Browser Wars Timejumps target='_blank' rel='nofollow' 00:49 Welcome 03:05 Guest introduction 03:53 What is HuggingFace? 06:03 How do you use Svelte at HuggingFace? 09:09 Sponsor: Ag Grid 10:12 What should you think about when making a production version? 14:14 What is hydration and why do I care? 18:14 How does Svelte scale up? 36:21 Sponsor: IdeaBlade 37:22 What are your favorite features of Svelte? 40:01 How does Svelte help when working on clients sites? 45:17 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 08/03/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Why you should hire a database administrator DCOM VB6 ASP.NET WebForms Timejumps target='_blank' rel='nofollow' 00:29 Kicking off the topic right 01:56 Being afraid to look bad 04:00 Enrollment system mistake 09:16 Sponsor: Nrwl 09:38 Wire transfer security mistake 14:18 Production deploy mistake 21:50 Sponsor: Ag Grid 22:47 Sharepoint deployment mistake 28:32 Credit card company mistake
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: July 28, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Minko Gechev @mgechev
Brought to you by
AG Grid

IdeaBlade
Resources: Minko Gechev on GitHub Tools for Faster Applications Quicklinks Angular Prefetching Preloading Strategy Angular 14 release article Angular CLI NextJS framework Svelte Kit framework Google Developer Tools Stack Trace Standalone components in Angular ng update Less Angular Could be More Angular - video from John at ngConf 2021 Rx Js Next.js image component ng-conf 2022 Dependency injection in Angular Injection Function in Angular 14 Axios HttpClient in Angular Angular on Twitter Vite.js Evan You on Twitter Timejumps target='_blank' rel='nofollow' 00:39 Ward's buzz 02:35 Guest introduction 06:09 Sponsor: Ag Grid 07:04 Who is Angular for in 2022? 17:13 Does Angular 14 address the complexity? 20:24 What makes components different in Angular? 27:36 Sponsor: IdeaBlade 28:39 More Angular could be less Angular 36:29 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: July 22, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Gen Ashley @CoderInHeels
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Gen is the Founder of TECH(K)NOW Day Modern Frontends Live! Google Women Techmakers Svelte Sirens Meetup.com SvelteJS NASA Space Apps Challenge London Twitter Community Ada’s List Coed:Code OpenTechSchool London TensorFlow JS Jessica Alba: Marvel Is ‘Still Quite Caucasian’ Despite ‘Business Initiative’ of Racial Diversity Timejumps target='_blank' rel='nofollow' 00:49 Coming late to a project 02:49 Guest introduction 06:11 What got you interested in supporting women in tech? 10:37 What is Coed:Code? 11:35 Sponsor: Nrwl 12:06 Using Meetup.com to organize 14:41 What progress are you seeing? What impediments? 18:42 What can we do to be more inclusive? 27:49 Sponsor: Ag Grid 28:46 How can we encourage more women to be speakers at conferences? 33:35 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 7/14/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Brian Holt @Holtbt
Brought to you by
AG Grid

IdeaBlade
Resources: Stripe API Documentation Payment Gateway Stripe Shell Brian Holt classes on Front End Masters Figma Rust programming language Go programming language Stripe Multi-Language Documentation/Examples Payment Methods API What does a software Product Manager Do? Azure App Service Sarah Drasner Azure Developer CLI Brian Holt’s AZ EZ Frontend Masters Timejumps target='_blank' rel='nofollow' 00:59 Guest introduction 02:11 What is it about developer tools that you enjoy? 05:19 What problems are you seeing day to day at Stripe? 08:24 Sponsor: Ag Grid 09:31 How much of developer tooling do you connect with? 12:44 Convention over configuration? 14:35 What's the hardest part to get right? 18:40 How do you know what users really want? 22:35 Sponsor: IdeaBlade 23:28 What's been your journey to PM role? 32:03 In what ways did being an engineer help you as a PM? 37:31 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 07/07/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Miski Hevery @MHevery
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Misko Hevery Qwik Preload Prefetching Lazy vs eager loading Qwik API documentation Microfront ends Qwik Playground Qwik City Qwik Tutorials Qwik Examples Timejumps target='_blank' rel='nofollow' 00:40 Guest introduction 01:29 Why create another framework? 03:05 What is Qwik? 09:07 Sponsor: Nrwl 09:43 Lazy loading issues 12:47 How should app developers think about these issues? 18:44 Does Qwik take care of implementation details? 22:31 Sponsor: Ag Grid 23:33 Who is the target for Qwik? 29:27 What is Qwik City? 30:32 What's Qwik's developer experience? 33:56 What is Qwikify React? 37:22 How should someone check out Qwik?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 06/30/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Waldek Mastykarz @Waldekm
Brought to you by
AG Grid

IdeaBlade
Resources: Waldek Mastykarz blog Microsoft Teams Teams Toolkit VS Code extension GitHub app for Teams Include a SaaS offer with your Teams app Build apps for Microsoft Teams (Docs) Design your tab for Microsoft Teams Teams Message Extensions Designing your Microsoft Teams meeting extension Create a bot Ngrok Bots in Microsoft Teams Microsoft Graph The Back of a Napkin Teams-angular Timejumps target='_blank' rel='nofollow' 01:13 Guest introduction 02:51 Why did you start building apps for Teams? 04:40 What benefit is there to use Teams? 06:44 Can apps leverage the Teams infrastructure? 08:26 Sponsor: Ag Grid 09:28 Do you have examples of apps developed for Teams? 15:28 What is the developer experience of building an app for Teams? 20:17 What events or app life cycle are devs going to want to use? 25:17 Sponsor: IdeaBlade 26:13 How easy is it to bring an existing app into Teams? 29:32 Are apps isolated from Teams? 31:03 What are some use cases for bots inside Teams? 32:54 What is debugging a Teams app like? 39:20 What is the query language for Microsoft graph? 40:35 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 06/23/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Aristeidis Bampakos @Abampakos
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Becoming A Tech Author During The Pandemic with Aristeidis Bampakos Localizing Angular Localize docs Fencing World Championships Localization vs Internationalization Angular docs in Greek language Greek Angular Docs repository George Kalpakas on Twitter Timejumps target='_blank' rel='nofollow' 00:20 Welcome 02:20 Guest introduction 03:38 Topic introduction 07:01 Sponsor: Nrwl 07:37 Learning Angular in different languages 11:12 How do you deal with images? 12:01 What about using Google Translate? 14:48 Does crowd sourcing work? 19:06 Sponsor: Ag Grid 20:06 Angular is a global team 23:11 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Jun 16, 2022

John Papa @John_Papa

Dan Wahlin @DanWahlin

Katerina Skroumpelou on @psybercity
Brought to you by
AG Grid

IdeaBlade
Resources: Integrating Nx and Lerna Nx is taking stewardship of Lerna.js Google Maps with Katerina on Web Rush episode 138 Nx open source tool for monorepos and builds Lerna Monorepo tools Visit Greece What’s a monolith? What is CI? Symbolic Links Updating Angular with ng update Welcome to Nx workspaces video Nx Docs Nx and React Nx and TypeScript Nx and Angular Storybook and Nx Obi Wan Kenobi on Disney+ Solar output and high heat Victor’s monorepo blog post
Background story:
Nrwl stewardship announcement: 1st Nrwl blog post about Lerna: Another blog post about Lerna Announcement of 5.1
Lerna and Nx:
Nx without plugins is basically Lerna with Nx Integrating with Nx Distributed Task Execution Monorepo tools
How to Learn(a)
Victor's video Nx philosophy Tutorial with video
Examples repos:
Getting Started Benchmark Setting up DTE (distributed task execution) Timejumps
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Jun 9, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: The Standalone Components RFC Nethan Basal on new inject function in Ng v14 Angular 14 release article Angular docs Standalone components in Angular Example repo with vue, react, angular, svelte to compare techniques Using a child component in Vue with options API Using a child component in Vue with composition API Video of Accessibility in Angular Angular Diagnostics blog post Angular Jumpstart Repo ng update Timejumps target='_blank' rel='nofollow' 01:39 Topic introduction 02:41 What is Angular 14? 08:43 Sponsor: Nrwl 09:19 How has moving to a module-less world changed? 13:44 What about in React, Svelte, or Vue? 19:28 What changes if you're using ng modules? 22:57 Sponsor: Ag Grid 24:00 Smaller improvements in Angular 14 26:41 What are tree shakable error messages? 30:15 How do you like bananas in a box in Angular 14? 31:23 The inject function 34:02 Is Angular improved by version 14? 38:10 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: June 2, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Thomas Vidas @ThomasVidas
Brought to you by
AG Grid

IdeaBlade
Resources: What is a cross functional team Capacitor JS React Native Flutter Flutter vs Ionic for cross platform development Hybrid Apps comparing react native, ionic and flutter Who is going to Support your Next Mobile App Project? Hint: Not React Native or Flutter Flutter vs Capacitor Dart language Custom native Android code with Capacitor Custom native iOS code with Capacitor Push notifications for Capacitor Cordova s Capacitor Web Rush Podcast episode 103 - Building Web Apps with Capacitor ngConf Timejumps target='_blank' rel='nofollow' 00:52 Ward's belt phone 03:26 Guest introduction 05:58 What is capacitor? 07:14 Mobile first or web first development 07:59 Sponsor: Ag Grid 08:59 How does Capacitor differentiate itself? 14:22 Does Capacitor give you access to the device? 18:19 Sponsor: IdeaBlade 19:20 What is developer experience like for Capacitor? 21:03 How much is Capacitor? 27:11 What's the compelling reason to use Capacitor? 31:45 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 05/26/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Deborah Kurata @DeborahKurata
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Deborah Kurata blog Solving Common RxJS Scenarios in Angular with Deborah Kurata Angular Style Guide Stackblitz Deborah Kurata’s Pluralsight courses Deborah Kurata's RxJS playlist Timejumps target='_blank' rel='nofollow' 01:14 Guest introduction 04:01 Learning how to learn 07:26 Having a career crisis 09:57 Sponsor: Nrwl 10:34 What methods are there to be a lifelong learner? 17:24 Asking why is important 24:23 Sponsor: Ag Grid 25:26 How to approach learning something new on the job 33:03 How do we deal with learning fatigue? 40:18 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Mar 19, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Evyatar Alush @evyataral
Brought to you by
AG Grid

IdeaBlade
Resources: Evyatar Alush on the Web Vest: Validation JavaScript Framework Vest on GitHub Jest Mocha Unit Testing HTML form element Your first HTML form Discord server AgnosticUI Timejumps target='_blank' rel='nofollow' 00:47 Dan's short story about shorts 02:34 Guest introduction 03:22 What is the Vest validations framework? 08:29 Sponsor: Ag Grid 09:30 What are some of the main features of Vest? 12:44 How would someone do an async validation? 15:14 How do you see the results? 19:14 What prompted you to build Vest? 20:48 Sponsor: IdeaBlade 21:56 How do you enforce conditional validations? 27:12 How would you use Vest in an asynchronous scenario? 30:07 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: May 12, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: JQuery Difference between jquery and JavaScript jQuery Tips and Tricks Pluralsight course jQuery Getting Started Pet Rock John Resig jQuery on Twitter The Story of jQuery, the thread jQuery is Ta’Veren HTML5 HTML4 and 5 differences Document Object Model (DOM) Modernizr The Web Standards Project The History of the Web Browser John Resig on Twitter Zepto jQuery file sizes JavaScript Sizzle JQuery selectors Infragistics John Papa’s app written without any web frameworks Timejumps target='_blank' rel='nofollow' 01:03 Root canal vs jQuery 02:21 Sizzle no longer needed 03:22 Finding an element by it's ID 05:05 Sponsor: Nrwl 05:45 DOM manipulation and animations 10:51 What is the value of some of these projects? 14:50 Sponsor: Ag Grid 15:57 Writing apps with lots of components
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: May 12, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

IdeaBlade
Resources: JQuery Difference between jquery and JavaScript jQuery Tips and Tricks Pluralsight course jQuery Getting Started Pet Rock John Resig jQuery on Twitter The Story of jQuery, the thread jQuery is Ta’Veren HTML5 HTML4 and 5 differences Document Object Model (DOM) Modernizr The Web Standards Project The History of the Web Browser John Resig on Twitter Zepto Jquery file sizes Timejumps target='_blank' rel='nofollow' 00:53 What do you think of jQuery these days? 02:57 What is jQuery? 06:44 What did jQuery do for you? 10:38 Sponsor: Ag Grid 11:42 What jQuery did for Craig 13:44 What was Modernizr? 18:01 Sponsor: IdeaBlade 19:03 Are we using jQuery today? 21:32 What's wrong with jQuery?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: May 5, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Maria Korneeva @BrowserPerson
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Web Rush Episode 155: Building a Technology Radar with Maria Korneeva Maria’s blog on Medium Angular and Jest with Maria How to type faster What is CI/CD Jimp to resize images in gulp Husky Gulp Git Hooks Compress Images for the Web with GitHub Actions Sort Imports extension for VS Code What is a linter? What is a Web Framework Linters Four Design patterns in FrontEnd Web JavaScript Design Patterns The Gang of Four book - Design Patterns book Container-Presenter Pattern Jira Behavior Driven Testing JSON Server Fake backend for testing Mockaroo tool for fake data Simulate data on the server with Angular What is a full-stack developer? Putting Lipstick on a Pig Slides for Maria’s presentation Moment.js alternatives Timejumps target='_blank' rel='nofollow' 00:47 Dan's wardrobe color 02:46 Guest introduction 04:14 Drawing 06:58 What's your process for drawing? 08:22 Sponsor: Ag Grid 09:22 How can we program quicker? 11:10 Linters 13:22 Bundlers 14:11 Resizing images 16:09 Task runners 17:01 IDE Utilities 18:11 Frameworks 19:06 Design patterns 24:05 Processes 25:24 Alerting 25:57 Sponsor: Narwhal 26:33 Fake backend 31:57 People and culture 33:52 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: April 28, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Resources: Angular Experience Podcast - S2E12 - Ward Bell on How to Fire Your Boss Auditing package dependencies for security vulnerabilities with npm audit Automated dependency updates built into GitHub dependabot Angular’s ng update CLI Jasmine tests Snyk Bulma Node-sass deprecated? DevOps and CI/CD with Jenkins AG-Grid Timejumps target='_blank' rel='nofollow' 01:18 Topic introduction 03:10 What does it mean to upgrade your dependancies? 06:48 Dealing with security issues 12:00 Getting error messages when updating 20:17 Sponsor: Ag Grid 21:19 Managing npm libraries you've created 27:26 Having a strategy 30:42 Should you build it yourself or use a third party version? 33:17 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: April 21, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Maarten Tibau @maartentibau
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: TypeScript Type Safety Type-Safe TypeScript TypeScript support in VS Code TypeScript: The Good, The Bad, and the Type-Safe Achieving Type Safety with TypeScript Tim Deschryver on Twitter / blog Why Ernest Hemingway scissors are so expensive TypeScript "Everyday Types" TypeScript config file Tsconfig Ravioli Code in TypeScript Types vs Interfaces in TypeScript Wurkin Stiffs - magnetic collar stays Time Zone Converter Timejumps target='_blank' rel='nofollow' 02:29 Guest introduction 03:58 What is Type Safety? 06:21 What is the value of TypeScript? 08:53 Sponsor: Narwhal 09:31 Does the presence of Types alone make you safe? 16:54 What are the benefits? 21:55 Sponsor: Ag Grid 22:55 How do you make projects more Type Safe? 29:22 What's the softer way of not throwing an error? 33:15 What's your preference - Types or Interfaces? 36:05 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 04/14/2002

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Lars Gyrup Brink Nielsen @LayZeeDK
Brought to you by
AG Grid

Ionic

Resources: GitHub Actions Webhooks YAML GitHub Actions SDK Linux command line cheat sheet GitHub Marketplace GitHub Apps Azure Static Web Apps GitHub Self Hosted Runner GitHub Hosted runner AWS for GitHub Actions GitHub Actions for Google Cloud Lumberjack 4 ways we use GitHub Actions to build GitHub: Turn weekly team photos into GIFs and upload to README Actionsflow This is Learning’s automated Twitter feed using Actionsflow and GitHub actions GitOps What is GitOps Azure Kubernetes Service Docker OCI GitOps Operator Argo CD Kubernetes Zero Downtime Deployments A system for learning new disciplines NubesGen GitHub Learning Lab Timejumps target='_blank' rel='nofollow' 01:21 Guest introduction 01:58 What is GitHub Actions? 04:14 How do Actions differ from Web Hooks? 05:55 Sponsor: Ag Grid 06:57 How do you glue together GitHub Actions? 09:44 What languages work best for GitHub Actions? 14:46 How did you get into working with GitHub Actions? 21:58 Where are GitHub Actions happening? 24:32 Sponsor: Ionic 25:10 What are common use cases for GitHub Actions? 27:17 What are the strangest GitHub Actions? 35:37 What is GitOps? 43:28 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: April 7, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Anthony Guiliano @A_Giuliano
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Web Rush episode 148 - Resuable Architecture and Stencil Stencil Web Components Adam Bradley , co-creator of Stencil and Ionic Stencil First Component (Docs) Lit web component project Vanilla JavaScript and Lit HTML Avoiding a Litany of Mistakes that Design Systems Fix Stencil FAQ Integrate StencilJS with Web Frameworks like Angular, React, Vue Storybook on Web Rush React Context Web Component Interoperability with Major Frameworks Using Stencil in Monorepos [Video versionhttps://www.youtube.com/watch?v=p9NaM4_CdmQ Timejumps target='_blank' rel='nofollow' 02:59 Guest introduction 04:12 What is Stencil? 06:00 What makes Stencil different? 08:31 Sponsor: Narwhal 08:59 Creating your first component 13:14 Why use Stencil? 17:42 What is a design system? 18:40 Sponsor: Ag Grid 19:43 When is the right place to choose Stencil? 26:53 Why would I integrate Stencil? 30:40 How does Stencil manage state? 33:58 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 3/31/2002

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Simon MacDonald @Macdonst
Brought to you by
AG Grid

Ionic

Resources: Functional Web Apps Server Side Generation vs Incremental Static Generation Begin Architect Web Components YAGNI Timejumps target='_blank' rel='nofollow' 00:53 Guest introduction 02:05 What are fuctional web apps? 03:29 Why do we need functional web apps? 07:22 Sponsor: Ag Grid 08:25 Do we still need static assets or HTML? 14:05 What's the process to build a form based application? 18:21 It's still faster than pregenerating the data? 20:00 What affects cold starts in JavaScript environments? 22:29 Sponsor: Ionic 23:08 How is this different from microservices? 28:48 Is this more like micro apps than micro services? 30:18 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Thursday, March 24

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Ramona Schwering @leichteckig
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Ramona’s website Article over Testing Pipelines for Frontend developers Testing trophy Cypress testing shopware AG Dan Wahlin on End to End Testing with Cypress.io Spot the Difference What is visual testing Test Cafe Visual testing with Storybook Once Upon a Storybook - Web Rush 110 Visual testing with Percy Playwright testing AppliTools for visual testing Testing Pyramid Jiminy Cricket Toastr JavaScript library Run Disney Timejumps target='_blank' rel='nofollow' 00:34 Hiking and puppies 03:05 Guest introduction 05:45 When do I want to use this kind of testing? 08:31 Sponsor: Ag Grid 09:34 When do you enable visual testing? 17:03 Can you ignore areas of the display if you don't want it to test? 18:14 How do you test for responsive design? 21:42 What about Applitools? 23:12 Sponsor: Narwhal 23:44 When a difference is spotted, how do you work with that? 25:36 What issues have come up when learning about visual testing? 29:36 How do you fit visual testing alongside other testing? 36:03 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 03/17/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Shawn Wildermuth @ShawnWildermuth
Brought to you by
AG Grid

Ionic

Resources: Tailwind CSS Shawn’s Hello World film Shawn’s blog The pros and cons of using TailWind CSS Bulma Bootstrap CSS values and units FlexBox CSS jQuery Dan’s course on jQuery at Pluralsight UnCSS PostCSS TailWind CSS on GitHub SASS Using pre-processors with TailWindCSS Shawn’s Coding Short on Tailwind Docker ignore files Timejumps target='_blank' rel='nofollow' 00:50 Diving in to Tailwind 01:35 Guest introduction 03:44 What is Tailwind? 06:04 When does Tailwind work best? 10:32 Sponsor: Ionic 11:07 Tailwind classes and components 17:04 What is flex? 17:41 Pruning your CSS 27:56 Sponsor: Ag Grid 29:00 How does Tailwind interact with React or TSX? 32:36 Can you use Sass with Tailwind? 33:49 How does Tailwind handle dark or light theming? 36:38 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: March 17, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Matteo @MatteoCollina
Brought to you by
Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

AG Grid

Resources: Newsletter Web Rush episode with Matteo and Fastify Web Rush episode with Matteo with Node.js Optimization and Performance Fastify Fastify from 600k in Aug 2020 to 1.6m in Feb 2022 CityJS London OpenJS Matteo speaking at the OpenJS World keynote npm Node.js Moving Fastify to Azure Pipelines with Matteo Collina and Damian Brady Fastify ecosystem Fastify on InfoQ Fastify and Validation of Data Article on "Forget Express" Fastify Hooks Routing in Fastify Pino logger in GitHub Express Contributors Fastify to Express Fastify Workflows Log4j vulnerabilities explained OWASP top ten security issues Scan your npm dependencies Timejumps target='_blank' rel='nofollow' 02:25 Guest introduction 05:25 Live vs virtual conferences 06:38 npm Ecosystem and Security 09:07 Update on Fastify 12:06 Sponsor: Narwhal 12:40 Were you able to start with this process in the beginning of Fastify? 15:30 Front end vs back end concerns 17:20 Serverless vs server based cold starts 22:37 How Fastify helps with security issues 24:05 Why is my npm modules folder so big? 26:56 Sponsor: Ag Grid 28:01 Vulnerabilities in open source 33:01 What do people who aren't able to code do? 34:01 Security tips for using node
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: March 10, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Josh Thomas @Jthoms1
Brought to you by
AG Grid

Ionic

Resources: The World According to Jeff Goldblum, “Sneakers” Greenfield applications Brownfield applications Micro Front Ends with Natalia Venditto on Web Rush episode 113 Micro Front End Architecture Ionic Framework Module Federation More on module federation with micro front ends Turning Red Ionic Portals Micro Frontends for Mobile Timejumps target='_blank' rel='nofollow' 02:06 Guest introduction 04:05 What is Micro Front Ends? 04:37 Why is it simpler? 06:25 What challenge or issue is this solving? 07:30 Is it a good option for existing projects or for new apps? 08:28 Sponsor: Ionic 09:00 What is greenfield vs brownfield? 11:57 What do you pass to micro front ends? 15:15 How do you decide when to break something apart? 16:48 What are some of the difficulties in doing this? 17:54 Sponsor: Ag Grid 18:53 How does this apply in the mobile web? 20:27 What is modular federation? 25:46 Does it happen for marketing reasons? 30:39 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 03/03/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Meredydd Luff https://twitter.com/meredydd
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Anvil Skulpt Skulpt on GitHub Web Assembly Brython Transcrypt Pyodide Abstract Syntax Tree (AST) Symbolic Execution Timejumps target='_blank' rel='nofollow' 01:22 Guest introduction 01:57 Catch us up on Anvil and Skulpt 04:13 How do you avoid HTML & CSS? 06:12 Sponsor: Ag Grid 07:22 What is Skulpt? 10:59 Does Skulpt have source maps? 18:50 Running Python in the browser 25:32 Insulating you from other languages 29:52 Sponsor: Narwhal 30:29 The story behind putting this all together 40:15 Could it be a way to learn how to program? 44:56 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Feb 24, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Ionic

Resources: Icky Woods and the Icky Shuffle How to sharpen knives ReactJS Redux React context Recoil Jotai vs. Recoil Svelte store Svelte MobX Knives Out 2 Continuum definition Shop at Home Repo Svelte stores Timejumps target='_blank' rel='nofollow' 02:35 Where do you go to learn about new technologies? 09:12 Sponsor: Ag Grid 10:13 What method do you use to find good educational content? 16:48 Jotai vs. Recoil 22:35 Sponsor: Ionic 23:12 What should a beginner look for? 27:26 John's repo using front end libraries 31:39 Writing docs for new technology 33:57 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Feb 17, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Maina Wyclyffe @mwycliffe_dev
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Yes, Bradley Cooper does voice Rocket AngularJS Angular TypeScript Nairobi, Kenya Basic types in TypeScript Non-null assertion operator in Typescript Union types in Typescript Enums in Typescript Kevin Chisholm Creating types from types in TypeScript Utility types in Typescript Type Assertions in TypeScript - why not? Timejumps target='_blank' rel='nofollow' 01:03 Ward's haircut 02:06 Guest introduction 03:40 What made you want to use TypeScript? 05:51 How do you decide when to use TypeScript? 09:08 Sponsor: Ag Grid 10:07 How do you deal with null in TypeScript? 14:37 Are TypeScript enums are bad? 20:12 What are your pet peeves in TypeScript? 21:36 Sponsor: Nx 22:12 What's your second pest peeve? 27:25 Why would you create a type from another type? 35:52 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 2022-02-10

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Aristeidis Bampakos @abampakos
Brought to you by
AG Grid

Ionic

Resources: Aristeidis on Medium Learning Angular (book) Google Developer Expert Angular Projects Timejumps target='_blank' rel='nofollow' 01:48 Guest introduction 03:19 How did you get started in teaching Angular? 08:12 Sponsor: Ag Grid 09:16 How did you schedule writing about Angular? 11:52 How did you decide when to write a book? 14:52 Dan's intro to tech story 17:17 Craig's origin story 18:02 What lessons did you learn on your journey? 24:14 Any tips for people procrastinating? 25:23 Sponsor: Ionic 26:02 Craig's tips for dealing with procrastination 31:34 What are your motivations for writing? 33:21 What was the process for a second book? 36:03 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 2/3/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Sasha Shynkevich @neesoglasnaja
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: AngularJS React Vue Svelte How to Stop Choosing JavaScript Frameworks and Start Living Recording Slides The Front-End Operations Engineer Intro to Frontend Ops TodoMVC RealWorld Camparison Redux Choosing Your JavaScript Framework - video of John Papa from dotJS Web Rush podcast episode 42 - Choosing Your JavaScript Framework State of JavaScript Booksellers Documentary Timejumps target='_blank' rel='nofollow' 01:25 Guest introduction 02:20 How did you get into this topic? 06:45 Sponsor: Narwhal Nx 07:17 Who are the people who don't know what to do? 11:24 How do you help people pick technologies? 19:41 What is the state of Javascript? 22:32 Sponsor: Ag Grid 23:42 How do you know if a framework is a good one to run with? 26:06 How do you find community to learn? 28:36 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Jan 27, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Domenik Reitzner @ReitznerDomenik
Brought to you by
AG Grid

Ionic

Resources: Web Rush episode 83 - Online Store with Svelte with Domenik Reitzner SvelteKit TypeScript Gitlab Azure Static Web Apps Transitional Apps Stores are awesome Writeable Store Svackages Timejumps target='_blank' rel='nofollow' 01:03 First name or Last name 02:41 Guest introduction 03:49 What problem were you trying to solve? 05:24 How did the store app end up working? 08:13 Sponsor: Ionic 08:53 What are the technologies used? 10:33 How did you design the app? 13:24 Does throwing more people on a project help? 14:12 Did Svelte help you meet your goal? 19:34 How much overhead does Typescript add? 20:53 Sponsor: Ag Grid 21:59 What went wrong with the project? 23:38 Did GitLab make it more efficient? 24:26 What role did Azure static web apps play? 28:16 What's in SvelteKit that helped? 32:00 How does routing work with SvelteKit? 42:46 How does SvelteKit manage Stores?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 1/20/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Shawn Wildermuth @ShawnWildermuth
Brought to you by
AG Grid

IdeaBlade
Resources: Hello World Film A View to a Kill A View to a Skill Introduction to Vite: A Better Vue CLI? jQuery SPA Single Page Application (SPA) Angular React Vue Vue Options API Vue Composition API and Options API Vuetify Humanitarian Toolbox Vue 3 Composition API: Ref vs Reactive Refs Reactive Shawn on YouTube Shawn’s newest film project Shawns’ Film Site Timejumps target='_blank' rel='nofollow' 02:37 Guest introduction 05:16 What's up with Vue? 07:11 What's a SPA? 11:05 Sponsor: Ag Grid 12:09 What's the options API? 16:12 Does the composition API make it difficult to get into Vue? 19:23 What's the Humanitarian Toolbox? 25:27 Sponsor: IdeaBlade 26:25 Composition API 29:13 Where can people learn more about Vue? 30:37 What is Hello World Films?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 01/13/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Ankit Sharma @AnkitSharma_007
Brought to you by
AG Grid

Ionic

Resources: Ankit Sharma - blog Ankit Sharma - GitHub Ankit Sharma - LinkedIn Exploding Kittens Firebase Angular What is Backend as a Service Google Cloud Platform Svelte Realtime app with Firebase Build a ToDo app with React and Firebase Choosing an auth provider service Firebase authentication Firebase security rules Azure Managed Databases Google Analytics for Firebase Database Concurrency Atomic Habits Build a Full Stack Web Application Using Firebase Josh Duffney Ng-Rx Data Tic-tac-toe app using Angular and Firebase Timejumps target='_blank' rel='nofollow' 04:10 Guest introduction 04:57 What is Firebase? 06:36 Sponsor: Ionic 07:17 Our experiences with Firebase 09:20 What kind of applications is Firebase good for? 12:39 Is Firebase easier to use than competitors? 16:45 Sponsor: Ag Grid 17:48 How does Firebase integrate with SQL databases? 18:55 What's Firebase best used for? 23:38 Where should someone get started with Firebase? 25:35 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 01/06/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Meredydd Luff @Meredydd
Brought to you by
AG Grid

IdeaBlade
Resources: Anvil QBasic Python Phoenix framework Remix.run 6 Ways to Run Python in the Web Browser Skulpt Brython Pyodide CodeCombat Timejumps target='_blank' rel='nofollow' 01:11 Guest introduction 01:59 How did you get started with Anvil? 09:28 Sponsor: Ag Grid 10:34 What's the elevator pitch for Anvil? 12:32 Am I writing logic in multiple places? 18:29 Are you implementing another framework or what's happening? 23:46 Can I use just Python in a project? 25:42 What do you think of Blazer? 29:33 Sponsor: IdeaBlade 30:38 How does Python work in the browser? 32:55 Options for running Python in the browser 38:52 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Dec 30, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Santosh Yadav @SantoshYadavDev
Brought to you by
AG Grid

Ionic

Resources: GitHub Stars program InDepthDev NgRx Open Learning Initiative RxJs Course NgRx Course YouTube Channel This Is Tech Talks How to make your first pull request on GitHub Create your first pull request GitHub docs - creating a pull request Google Summer of Code (GSoC) program Angular Google GDE’s Minesweeper Git version control system GitHub Visual Studio Code Git cheat sheet Desktop for github Breeze repo on GitHub Fork a repo Setup Git (GitHub docs) Clone a repository Easiest way to edit a repo in github.com with github.dev GitHub Codespaces Setting guidelines for contributors Adding a contributing file Breeze JS Vikram Subramanian from Google Timejumps target='_blank' rel='nofollow' 00:53 Wards M1 purchase 03:46 Guest introduction 04:30 What's GitHub star? 06:49 Advice for getting started on open source? 08:24 Why should someone get involved in contributing to open source? 10:38 Sponsor: Ionic 11:18 What's Google Summer of Code? 15:22 Git vs GitHub? 19:47 What's cloning, pulling, pushing? 21:38 Marker 10 21:59 How do I make my first contribution to a repo? 23:23 What's a fork? 24:56 What's a clone? 25:34 Sponsor: Ag Grid 26:39 How do I fix the code? 28:23 Editing on GitHub 31:03 What are Codespaces? 35:43 Using GitHub dev online 38:20 What's a pull request? 40:36 What got you excited about coding? 46:36 What is a Push?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Dec 16, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Alex Okrushko @alexokrushko
Brought to you by
AG Grid

IdeaBlade
Resources: Guide to Monorepos for Front End Code Feature flags make development faster and safer Trunk-based development Building with FeatureFlags The 7 D’s of Development video Conniption definition (: a fit of rage, hysteria, or alarm) TypeScript style guide TypeScript style guide Code Review guidelines Pull Request Guidelines ESLint Prettier Brian Holt on Web Rush: Scaling React: Episode 1 Brian Holt on Twitter FrontEnd Testing best practices Daily Release schedules Firebase Timejumps target='_blank' rel='nofollow' 00:56 Guest introduction 03:18 What's the benefit to setting apps up for front end success? 08:31 Team communication 09:39 Sponsor: Ag Grid 10:43 Don't silo your teams 13:21 Why do I need monorepos? 16:49 Why is feature flagging important? 19:17 How do you start creating feature flags? 23:01 What is trunk based development? 32:09 Setting expectations for PRs 34:45 Sponsor: IdeaBlade 35:47 What is automatic help? 37:42 Testing and quality 39:34 Are there different areas of an app that need more testing? 42:34 New feature plans 45:59 Daily releases
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Dec 9, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Andre Young @Dreyoung79
Brought to you by
AG Grid

IdeaBlade
Resources: Andre Young on Web Rush - Old man yells at tests Sneaker Net Floppy disks Leaders need different skills to thrive in tech Resilient Management book by Lara Hogan The Managers Path book by Camille Fournier Measure What Matters book Workboard and OKRs How to run effective meetings Run effective meetings - Slack Run effective meetings - NY Times Timejumps target='_blank' rel='nofollow' 01:28 Guest introduction 04:27 Becoming a manager in tech 06:52 Sponsor: Ag Grid 07:57 What's the advantages of being a tech manager? 08:51 Why be a people manager? 12:06 How do you prepare for management? 13:23 Any resources that worked for you? 17:13 Sponsor: IdeaBlade 18:09 How do people skills factor into management? 22:21 How would someone be ready for a leadership role? 27:29 How do you communicate with your team vs supervisors? 32:50 How do you make sure everyone's contributing to the same goal? 36:06 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Nov 19, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

IdeaBlade
Resources: Portion of the world with disabilities Aria Semantic HTML Building Websites with HTML, CSS, and JavaScript: Getting Started HTML5 Fundamentals Disney World Web Site Rise of the Resistance Geofencing Disney World mobile app Caniuse.com Disney World photopass Harry Potter’s Forbidden Journey Universal Orlando Geolocation API Mobile ordering at Be Our Guest Timejumps target='_blank' rel='nofollow' 00:37 Topic introduction 01:55 Technology is everywhere at theme parks 03:30 E Tickets 04:38 What system has the biggest influence on your experience? 06:55 Have you ever seen a purple light? 07:42 Sponsor: Ag Grid 08:44 The Magic bands 12:29 It all starts on the web site 16:06 Using semantic HTML 18:55 Communicating with backend systems 21:24 Dealing with edge cases 24:38 What about the mobile app? 29:20 Sponsor: IdeaBlade 30:22 Phones and Watches to unlock 31:52 Technology inside the park 35:59 Purchasing systems 37:01 The poop app 39:10 Food and restaurants
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Nov 18, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Mark Thompson @MarkTechson
Brought to you by
AG Grid

Ionic

Resources: Crafting Bespoke PWA experiences with Angular by Mark Thompson ngConf IBM PS1 target='_blank' rel='nofollow' BASIC The Byrds - Turn! Turn! Turn! Sarah Drasner Engineering Management for the Rest of Us - book by Sarah Drasner Flutter IntelliJ Timejumps target='_blank' rel='nofollow' 00:49 Ward's bellydancing tryout 02:49 Guest introduction 04:48 What was your talk about at Ngconf? 07:29 The relationship between hobby and money 09:21 Sponsor: Ionic 10:06 What does life outside of code mean to you? 17:18 Are these seasons in our lives? 28:44 Sponsor: Ag Grid 29:51 People are different - what does life outside of code mean now?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Nov 11, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Laurie Barth @LaurieOnTech
Brought to you by
AG Grid

IdeaBlade
Resources: Taco Bell Baskins Robbins Laurie Barth’s blog Web Rush Episode 104: Just what the Doc-ter ordered with Laurie Barth Web Rush Episode 76: Readable JavaScript React coding interview CSS Selector alternate table row color Laurie Barth tech interviews blog post Musk on open ended questions that reveal what you actually know Musk on Education Doesn’t Matter “I ‘don’t care if you even graduated high school” Cypress IO React.js Timejumps target='_blank' rel='nofollow' 01:27 Our first jobs 03:27 Guest introduction 06:32 What is it like to search for a job? 08:16 Sponsor: Ag Grid 09:21 Is it a good idea to look around at job options? 13:39 Everyone makes mistakes 17:17 Elon Musks interview process 21:47 Are open ended questions good to ask in interviews? 26:18 It really depends on where in your career you are 30:31 How do you know when to say you don't know? 32:39 Sponsor: IdeaBlade 33:37 Getting a job at Netflix 37:22 How do you figure out if you're a good fit 41:03 Don't ask "why you quit your last job?" 43:03 Should we care about education level? 44:43 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 11/04/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Val Neekman @Vneekman
Brought to you by
AG Grid

Ionic

Resources: FullerStack on GitHub NestJS GraphQL Apollo GraphQL Cognitive Services Play it Forward Timejumps target='_blank' rel='nofollow' 00:54 Guest introduction 01:56 What is FullerStack? 07:19 Sponsor: Ionic 08:04 Are you doing end to end data management? 10:50 How does the app detect changes? 12:28 Do you have patterns for building components? 17:52 Who is the target audience for FullerStack? 22:13 What is dark mode? 23:05 What is the SEO story for FullerStack? 33:12 Sponsor: Ag Grid 34:22 What else is like FullerStack? 38:13 What applications can you point to that have used FullerStack? 40:20 Can developers change some settings? 41:35 How do you hope to support FullerStack? 42:36 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Oct 21, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Max Lynch @MaxLynch
Brought to you by
AG Grid

IdeaBlade
Resources: Ted Lasso TV show Bantr mobile app on Ted Lasso Ionic Framework Why is Android more popular globally, while iOS rules the US? Angular React Vue Svelte Capacitor PWA Tailwind CSS Microsoft and Google Collaborate on Angular 2 Framework TypeScript Language TypeScript Serverless Computing DevOps Ionic CLI Capacitor CLI Web Assembly SQL Lite Indexed DB Jquery mobile See Timejumps target='_blank' rel='nofollow' 01:15 Guest introduction 04:26 How would you build Ted Lasso's Bantr 07:31 Is Android easier to develop for? 08:44 Sponsor: Ag Grid 09:42 What tools and options are there to start with Ionic? 15:23 Which framework is most used these days? 18:07 How are APIs being hosted? 22:07 Sponsor: IdeaBlade 23:06 What is the devops process? 31:23 Where do you see mobile vs non-mobile in the future? 34:15 What do you recommend for routing? 39:19 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Oct 15, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Nick Reese @NickReese
Brought to you by
AG Grid

Ionic

Resources: Elder.js Guide Elder.js on github Find Energy I slept at a Holiday Inn Express last night Gatsby Wordpress Client-side hydration in Vue Hydration in Gatsby Andorra Chemical Guys car wash kits Timejumps target='_blank' rel='nofollow' 01:54 Guest introduction 02:22 What is Elder.js and why? 08:14 Sponsor: Ag Grid 09:19 What are short codes in Svelte? 15:00 Where does Elder.js fit with Sveltekit? 17:35 What is hydration on a website? 21:14 Sponsor: Ionic 21:54 How do you figure out if your site is interactive enough for hydration? 30:13 How does someone get started with Elder.js? 38:52 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 2021-10-07

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Eric Simmons @EricSimons40
Brought to you by
AG Grid

IdeaBlade
Resources: Stackblitz Web Assembly Web Containers on Stackblitz StackBlitz Turbo Webpack Deno Bytecode Alliance Timejumps
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 10/01/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Natalia Venditto @anfibiacreativa
Brought to you by
AG Grid

Ionic

Resources: MongoDB Cloud database ACID Database Principles Relational database Document-Model database SQL (Structured Query Language) Referential integrity in databases Data localization PostgreSQL The Price of Peace Hemingway app Hemingway’s “Shortest story” contest Timejumps target='_blank' rel='nofollow' 01:43 Guest introduction 03:36 How do you think about databases in 2021? 09:27 Sponsor: Ag Grid 10:30 How do you break out various databases and when to use them? 17:41 Databases in the cloud 20:26 Stories of successful database decisions 25:03 Sponsor: Ionic 25:48 What kinds of issues did you have? 28:51 Do we evolve past data schemas? 36:01 What about relational integrity? 38:33 When should I choose to go with MongoDB? 41:16 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 9/21/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Maria Korneeva @BrowserPerson
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Front End Technology Radar Learning through metaphors JSON server ES Lint RxJs Dunning-Kruger Effect Timejumps target='_blank' rel='nofollow' 01:21 Guest introduction 01:59 What metaphors do you use to explain development? 05:13 Sponsor: Narwhal 05:47 What is a front end strategy? 09:10 How do you evaluate new technologies? 16:50 Is a front end strategy a formal thing? 22:36 Sponsor: Ag Grid 23:38 What is your technology radar? 33:54 How much does competency play a factor? 37:54 Final Thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Sep 16, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Emma Twersky @Twerske
Brought to you by
AG Grid

Ionic

Resources: Angular.js in 60-ish minutes by Dan Wahlin Angular Angular CDK 37 JavaScript Carousels Reasons why Carousels may not be accessible Lighthouse Core Web Vitals Localizing Angular Billy Eilish on Disney+ Understanding the Four Principles of Accessibility Otter AI Riverside.fm for recording Descript Aria in HTML for Accessibility Timejumps target='_blank' rel='nofollow' 01:39 Angular (ish) 02:46 Guest introduction 04:03 What is Angular? 05:34 What is the CDK? 06:20 Why anti-carousel? 10:13 Sponsor: Ionic 10:52 The importance of theming and components 13:26 What's the biggest struggle with accessibility? 16:54 What are core web vitals? 21:24 How do you design components for hearing disabilities? 28:36 Sponsor: Ag Grid 29:42 How do teams incorporate accessibility in projects? 34:11 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Sep 14, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Rich Harris @Rich_Harris
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Single-page application vs. multiple-page application More on MPA vs SPA SvelteKit What is a SPA (Single Page App) Rendering on the Web SPA SEO Pitfalls to Know Before you Build your App Server rendering and Nuxt and Vue Server rendering and Next and React Vercel Canvas Charting Netlify Azure Static Web Apps Rich Harris on Twitter discussing MPA and SPA Qwik on GitHub First Look at Qwik Web Rush 0144 - Qwik with Misko Hevery What is a CDN (Content Delivery Network) What is Edge computing? CloudFlare workers Timejumps target='_blank' rel='nofollow' 01:43 Guest introduction 03:36 What is a SPA and MPA? 08:22 Sponsor: Ag Grid 09:34 What role does server rendering play? 12:17 What is client side hydration? 15:22 What's the state of modern tooling? 20:46 The only reason to choose an MPA is... 26:19 Sponsor: Narwhal 26:52 What is the next evolution of this? 36:17 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Sep 9, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Dana Yudelevich @dana_yudelevich
Brought to you by
AG Grid

Ionic

Resources: Fiverr Karate black belt The Art of ETA video Dashlane Storybook Storybook inception : Web Rush 115 Once Upon a Storybook: Web Rush 110 React Chromatic CSS Style Guide Examples Notion Grafana Sentry app monitoring Shang-Chi Marvel “What If...” Natan Levy on instagram Vest Timejumps target='_blank' rel='nofollow' 01:09 Weather updates 03:36 Guest introduction 05:11 Why is onboarding important? 08:42 Sponsor: Ionic 09:18 Setting people up for success 11:46 What are some of the hangups with onboarding? 13:48 Is there a guide to how to start onboarding? 23:27 Sponsor: Ag Grid 24:32 What is Notion? 27:24 How to help people feel a part of the team? 33:21 What if someone needs to work on a feature right away? 37:30 Do you use videos, text, or what tools? 39:24 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Sep 2, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Mitali Karmarkar @KarmarkarMitali
Brought to you by
AG Grid

IdeaBlade

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Azure Static Web Apps Jamstack Azure App Service Azure Functions Internships at Microsoft Azure control plane and data plane Static Web Apps Configuration Learn - tutorial - Authenticate users with Azure Static Web Apps Bring Your Own Auth in Azure Static Web Apps Works on my machine tshirt Timejumps target='_blank' rel='nofollow' 03:23 Topic and guest introduction 05:00 What is a static web app? 09:09 Sponsor: Ag Grid 10:16 Whatt was the first line of code that was written? 13:14 What's a control plane and a data plane? 15:04 What are some challenges you faced developing this? 23:58 Marker 7 28:50 Sponsor: Narwhal 29:31 Did you start from scratch or use the existing Routes.Json file? 31:09 What was the timeframe and how did you gather feedback? 34:11 What advice would you have for someone building a product? 36:24 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 8/24/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Kevin Åberg Kultalahti @Kevmodrome
Brought to you by
AG Grid

Ionic

Resources: Svelte Society on Twitter Svelte Society web site Svelte Radio podcast Svelte DevTools for Chrome Svelte Discord Svelte for VS Code Discord’s Stage Channels Svelte Summit event SvelteKit for Svelte SvelteKit migration guide Vite docs From Snowpack to Vite Budibase Svelte REPL with hello world Svelte Writable Stores Cypress Playwright Jest UVU Svelte Society Svelte-Knobby Snakes on a Plane ShopAtHome ShopAtHome demo in Svelte ShopAtHome demo in Vue ShopAtHome demo in React ShopAtHome demo in Angular Timejumps target='_blank' rel='nofollow' 01:55 Guest introduction 03:00 What is Svelte Society? 09:13 Sponsor: Ag Grid 10:19 What has you excited about Svelte? 12:54 Documentation is part of the product 14:40 What role does Vite play? 19:17 Sponsor: Ionic 19:56 Svelte Tooling 24:37 Svelte and VS Code 26:11 How development works with Svelte 28:16 How do you test with Svelte? 31:35 Where can people go for help with Svelte? 33:29 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 08/17/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Han Dong @Promisedotall

Prerak Sanghvi @PrerakSanghvi
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Proof Trading Blog The Algorithmic Trading Platform Michael Lewis’ Flash Boys Fidelity Investments Proof Trading Mainframe Computer Web Socket API SSE - “Server-side Events” Redis AG Grid Web Workers Query by Example Perspective grid from FinOS Noun Project Timejumps target='_blank' rel='nofollow' 01:18 Guest introduction 01:54 Flashboys 07:42 Storytelling tools for financial products 12:29 Sponsor: Narwhal 13:11 How do you deliver real time events? 19:00 How does AI intersect with your tech stack? 21:57 How do you display and update the vast data? 25:07 Where is the data sorted? Client or server? 29:41 Sponsor: Ag Grid 30:45 What are the benefits of web workers 32:46 How do you set up the data for the grid? 40:31 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: July 27, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Max Lynch @MaxLynch
Brought to you by
AG Grid

Ionic

Resources: Max Lynch Website NG Conf Manchester United Ted Lasso Ted lasso on Rotten Tomatoes AngularJS TypeScript Webpack Ionic Framework Angular What’s new in Ionic 4 Capacitor Gulp Grunt Sass Typescript What is AtScript? List of tools for Static Code Analysis Ionic Angular Routing Stencil Kebab Casing Snabb DOM Design Systems with Stencil.js Adam Bradley on Twitter Lit.dev from Google Euro 2020 Open Source Sustainability Notion Run Disney Gratitude Take Smart Notes in Obsidian Timejumps target='_blank' rel='nofollow' 01:17 Guest introduction 05:27 How has Ionic managed to stay relevant over time? 07:04 What was build tooling like? 09:08 Sponsor: Ionic 09:51 Early days of Angular 13:25 What areas are you seeing a lot of demand in? 15:01 What's the stencil concept? 26:52 Sponsor: Ag Grid 27:56 What is your target audience with Stencil? 34:11 How is support handled for Stencil? 39:22 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: July 22, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Jem Young @JemYoung
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Front End Happy Hour podcast Front End Masters training courses jQuery Backend for the Frontend Node.js NetFlix tech blog The Witcher TV series Web Assembly React NetFlix Engineering on Twitter Next.js Regression Testing GraphQL Node.js LTS and release version strategies Ryan Burgess on Twitter Working in Developer Relations with Kim Maida Which department does DevRel belong in? By Kim Maida Timejumps target='_blank' rel='nofollow' 01:13 An award for subtitles 04:05 Guest introduction 05:25 Understanding modern technology 07:28 Sponsor: Narwhal 08:13 Working on the backend for the frontend 13:14 How do you evaluate when to do betas? 15:22 What's a way to incorporate new technology? 21:02 Do you have challenges with managers? 22:52 Who's behind the Netflix Engineering team on Twitter? 24:19 How do you feel about developer relations? 31:33 How should someone prep for an interview for a job? 42:42 Sponsor: Ag Grid 43:42 Course on Front End Masters 45:54 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 07/15/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
AG Grid

Ionic

Resources: COM+ Visual Basic Deployment Environments Encrypt a Column of Data in SQL Server 11th hours requirements - how to push back and mitigate The Cat’s Pajamas The History of the Relational Database Y2K APL programming 10 Tips to Improve Your Communication Skills as a Software Developer Timejumps target='_blank' rel='nofollow' 02:17 Why are we telling these stories? 04:31 Dan's tale 09:53 Sponsor: Ionic 10:46 Dan's tale continued 24:36 Ward's tale 34:40 Sponsor: Ag Grid 35:48 Ward's tale: What would you do differently? 39:51 John's tale 59:36 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: July 6, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Ari Clark @GloomyLumi
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Enjoy the Vue Podcast Chris Fritz 42 is the secret of the universe World of Warcraft Enjoy the Vue podcast on twitter Vue.js Just in Time Learning 10x developer Imposter Syndrome Soft Skills Engineering Podcast Frou Frou Ari Clark - Real Time Vue video Polymer Lit replaces polymer, lit-html, and lit-elements Composition API in Vue Vue Mixins Composition API - do you really need it? - blog post Petite Vue Vue Docs Drop a script tag in a page and go with Vue Stripe docs Front-End Foxes Timejumps target='_blank' rel='nofollow' 02:40 Guest introduction 06:01 What's the story behind GloomyLoomy? 07:26 Work life balance 09:14 Sponsor: Ag Grid 10:07 What's the 10x developer? 12:55 How do you connect with peers? 18:44 Dealing with imposter syndrome 27:07 What do you do with Vue? 32:49 How do you feel about the compositions API? 40:53 Sponsor: Nrwl 41:31 What's your fav thing about using Vue? 44:52 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 07/01/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Misko Hevery @mhevery
Brought to you by
AG Grid

Ionic

Resources: @Qwikdev on Twitter A first look at Qwik - the HTML first framework Death by Closure (and how Qwik solves it) TTI (Time to Interactive) PageSpeed Angular AngularJS Lazy Loading Defer attribute in HTML Do google analytics slow down my site? Adam Bradley on Twitter Asynchronous JavaScript Browser and JavaScript performance memory ASP.NET View State Qwik on Twitter Qwik on GitHub Qwik Discord Timejumps 03:54 Guest introduction 05:50 What is your new web framework? 08:48 Sponsor: Ag Grid 09:49 How does it work to delay code that you need? 17:34 How does a developer decide how to handle button clicks? 22:15 What mental model is required for developers to use this? 25:00 How is Qwik different in it's rendering? 35:19 Sponsor: Ionic 36:07 How does it work with apps that have lots of components? 41:52 When did this idea come to you? 43:11 We're not taking advantage of browsers in 2021 45:35 What's the road map for Qwick? 47:32 How do people get started with Qwick now?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: June 22, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Andre Young @DreYoung79
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Classic ASP AJAX Toolkit NASA GSFC Visual InterDev Knockout JS Functional JavaScript VS Code Visual Studio Webpack Angular jQuery React !! operator in JavaScript Unit Testing JavaScript Design Patterns Jest Cypress end to end testing Kent C Dodds react testing library Azure DevOps Cyclomatic complexity Timejumps 01:13 Guest introduction 04:02 Shifting from .Net to Javascript 09:00 Sponsor: Ag Grid 10:06 Did your tool chain change? 13:05 Did it make you have to rethink how you program? 17:25 Making the transition with a team 18:41 Do you need to test Javascript more? 21:31 What's the point behind Old Man Yells at Tests? 27:09 Any approaches that didn't work with Javascript apps? 28:05 What's your testing tool chain you recommend? 35:47 Should we care about Cyclomatic complexity? 36:45 Do you have any data strategies? 38:04 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: June 15, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

David Neal @ReverentGeek
Brought to you by
AG Grid

IdeaBlade
Resources: David Neal (Website) Dan Roam: Show and Tell Practice in Public Brad Colbow Reverent Geek: About Page David’s Illustrated OAuth Guide Dan Roam: Draw to Win Zetlekasten Timejumps target='_blank' rel='nofollow' 01:00 Guest introduction 01:35 How did you get into sketch noting? 08:11 Sponsor: Ag Grid 09:14 Dad joke illustrations 13:41 Do you share your early talks? 17:53 Even bad drawings are still art 23:36 How do you describe non-visual items? 27:37 Tell your story 31:12 Sponsor: IdeaBlade 32:09 Lessons from software development that relate to drawing 35:11 What kind of tools or software should someone start with? 44:06 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: June 8, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Sébastien Lorber @sebastienlorber
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Sébastien Lorber Docusaurus Stripe Docs Autho0 Docs MDX Algolia Search Crowdin (translation service that is recommended companion to docusaurus) The “Showcase Tab” showing examples of docusaurus-powered sites How to add screenshot to READMEs in github repository? Timejumps target='_blank' rel='nofollow' 01:18 Guest introduction 01:43 What is Docusaurus? 04:41 What's the process for using Docusaurus? 06:42 Sponsor: Ag Grid 07:49 Why would someone switch to Docusaurus? 10:20 What kinds of interactive features does it offer? 14:08 What are some good examples of sites built with Docusaurus? 15:12 How is search handled? 18:11 How should someone start with Docusaurus? 24:15 Sponsor: Nrwl 24:51 How did you decide to want to work on Docusaurus? 27:16 How are translations handled? 32:20 How does versioning work in Docusaurus? 35:28 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: June 3, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Michael Washington @ADefWebserver
Brought to you by
AG Grid

IdeaBlade
Resources: Blazor Help Website Oqtane Steve Sanderson Blazor WebAssembly Power BI Blazor Hosting Models Web Assembly docs JavaScript Interop in Blazor Call JavaScript from DotNet SignalR WebSocket API ASP.NET MVC Pattern Reasons Why Blazor is Worth Considering for your Next Project Build an app with Blazor Oqtane Publish a Blazor Web Assembly app and ASP.NET API with Azure Static Web Apps Can I Use Stackblitz Boxy SVG regex101.com Timejumps target='_blank' rel='nofollow' 01:56 Guest introduction 02:42 What is Blazor? 04:15 What is WebAssembly? 06:58 Sponsor: Ag Grid 08:03 Why would someone pick Blazor? 12:18 How do I get data into my projects? 15:00 What are some of the terms used in Blazor? 16:43 What is client side vs server side Blazor? 22:56 What is SignalR? 25:49 Can you use an API with Blazor? 29:08 What about SEO? 31:34 Sponsor: IdeaBlade 32:39 How do you get started with Blazor? 34:31 What are you doing with Blazor these days? 41:25 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 05/25/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Wassim Chegham @Manekinekko
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Azure Static Web Apps CLI on GitHub Static Web Apps Authentication & Authorization Local development with the CLI Azure Static Web Apps CLI docs Netlify dev CLI Vercel dev CLI Server-Static npm package Fallback routes Http-proxy Azure Static Web Apps VS Code extension Grace Hopper Timejumps target='_blank' rel='nofollow' 01:06 Guest introduction 03:10 What is Azure Static Web Apps CLI? 07:26 Why do I need an emulator to test local development? 09:43 Sponsor: Nrwl 10:22 Does the CLI bring Azure to your local development? 11:51 What does static mean in this context? 16:22 What was it like releasing this to your peers? 24:31 How did you handle the proxy? 26:09 What is a fallback route? 40:11 Sponsor: Ag Grid 41:17 Developing tools and an ecosystem 53:19 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: May 20th, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Katerina Skroumpelou @Psybercity
Brought to you by
AG Grid

Lemon Productions podcast editing and production.
Resources: Katerina Skroumpelou (website) Google Maps Platform APIs Google Maps JavaScript API What is Spatial Data Google Developer Expert program Google Earth Difference between Vector and Raster WebGL Google Maps + WebGL From Google I/O 2021: Cloud-based Google Maps Styling From Google I/O 2021: Google Maps + WebGL Google Maps Samples Google Maps JS Samples Keyboard accessibility in Google Maps Node in your browser! Timejumps target='_blank' rel='nofollow' 00:40 Intro 02:39 Guest introduction 04:29 What is it about Google Maps that you enjoy? 06:19 How did you get into maps? 09:22 Sponsor: Ag Grid 10:24 What type of custom maps are you building? 12:51 What type of business applications have you built? 18:50 What features are under-utilized? 23:28 Sponsor: Lemon Productions 25:56 Local mapping usage 28:18 Is the API easy to use? 30:19 What's new in mapping in 2021? 32:47 Do you use mapping in your current job? 36:28 What is a Google Developer Expert (GDE)? 41:28 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: May 13, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Bornwell Matembudze @Bornie_21
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: Bornwell Matembudze Netlify The Definitive Guide To Continuous Integration Continuous integration Continuous delivery Continuous deployment Jenkins GitHub Actions AWS Elastic Beanstalk What is a Container? Azure DevOps Release Gates Azure Static Web Apps Shaun of the Dead Hero - AfroJack - on Spotify Timejumps 01:15 Guest introduction 02:13 What is CI / CD? 05:50 How is this working in the real world? 08:16 Sponsor: Nrwl 08:56 It looks good on paper - does it work? 12:42 What sort of tooling do you use for this? 15:21 What's the process for making changes on a site? 24:02 Sponsor: Ag Grid 25:03 How do you fix errors? 28:54 What is Netlify? 32:40 How to test a deployment with a gate? 44:00 Final Thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 5/6/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Preston Lamb @PrestonJLamb
Brought to you by
AG Grid

IdeaBlade
Resources: Deno Land Ryan Dahl Demo Goals Comparison to Node.js Deno Permissions Deno Package Management Oak Deno Node Compatibility Third Party Deno packages Express Deno What is Deno and how is it different from Node.js? Course and Book 50% off code: WEBRUSH Iojs repo (archived now) Dixie and her sister on the Camino de Santiago Timejumps target='_blank' rel='nofollow' 01:07 Guest introduction 01:50 What is Deno? 04:46 The history of Deno 09:53 Sponsor: Ag Grid 10:56 How do you load modules into Deno? 17:08 Does Deno not support npm packages? 23:04 Why would someone use Deno? 28:59 Sponsor: IdeaBlade 30:02 How would you build with Deno? 38:12 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 4/29/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Majid Hajian @Mhadaily
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Majid Hajian’s website Flutter Dart Tour of the Dart language Flutter Hot Reload Dart Streaming rxdart Dart event loop Dart isolate Declarative Programming Imperative Programming Start thinking declaratively IoT IoT Hub Material Design Clean Architecture Flutter Desktop Flutter Web Flutter Favorites Create readme files Timejumps target='_blank' rel='nofollow' 02:32 Guest introduction 03:07 What is Flutter? 10:09 Sponsor: Nrwl 10:46 Dart is not dead 18:39 What kinds of screens does an IoT device need? 24:07 What was the on-boarding process like? 28:27 What's the developer experience like with Flutter? 30:33 What's the business case for Flutter? 34:38 How do consumers get the app when it's built? 39:50 Sponsor: Ag Grid 40:57 When is Flutter a good choice to use? 44:12 Flutter vs Electron 47:48 Flutter on the web 51:07 How do you get started with Flutter? 52:11 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: April 8, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Marina Mosti @MarinaMosti
Brought to you by
AG Grid

IdeaBlade
Resources: Marina Mosti on dev.to Vue Schema-Driven Form Generation with FormVueLate Angular model-driven form generation: Angular Formly MSDN Article 2011 They turned off the LightSwitch 2016 HTML Form element HTML and Client side Form Validation Marina Mosti on GitHub Treeware Validating Schema-driven forms with Marina Mosti Docs on Building Forms with Vue Damian Dulisz on Twitter Damian Dulisz presenting Vue.js Forms and validations Vuelidate library is a Simple, lightweight model-based validation for Vue.js 2.0 Form Validation in the Vue docs VeeValidate library for form validation in Vue.js Vue.js library jQuery Backbone.js Firebase An ANCIENT FormBuilder from a time long, long ago Vue Reactivity Vue 3 Composition API Clean Scalable forms with Vue Composition API JavaScript Proxy Vue 3 Reactivity via Proxies Dan Vega’s blog post on Vue 3 ref and reactive Blog post on When to use the new Vue composition api Article on Vue’s Composition API An excellent Vue 3 migration Guide Tweet about Azure Static Web Apps CLI Wassim Chegham on Twitter Wassim Chegham on GitHub Timejumps target='_blank' rel='nofollow' 02:35 Guest introduction 03:21 Love hate relationships with forms 10:01 Sponsor: Ag Grid 11:05 What do schema driven forms mean? 16:58 VeeValidate and VueForm 20:55 How do you deal with the dynamic nature of forms? 36:04 href issues 42:17 Sponsor: IdeaBlade 43:24 Is Vue 3 more difficult? 51:44 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: April 1, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Nicole Oliver @Nixallover
Brought to you by
AG Grid

Nrwl

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Nrwl on Twitter Nicole on Web Rush episode 0027 talking about TypeScript decorators Nicole on Web Rush episode 0057 on Styling Modern applications CSS (for those who ignore it) Nx Developer tools Rubik’s cube What are CSS Design Tokens Angular Playground Angular Playground Visual Regression Utility Figma Storybook Storybook Visual Regression Testing Visual Regression Testing PurgeCSS Optimizing CSS for Production UnCSS Addy Osmani talking about purging CSS Find unused CSS with Chrome dev tools Angular Material CDK Bootstrap Bulma Tailwind CSS Funny Terrible UI Experiences User Inyerface is another fun example On Running Timejumps target='_blank' rel='nofollow' 00:49 Battleship grey 02:25 Guest introduction 04:30 Decorating with CSS 06:05 CSS Performance 06:56 Sponsor: Nrwhl 07:36 Why care about the size of CSS? 13:18 How do you gather elements when starting a new project? 20:23 Do you create UI books or standards? 21:56 The story of storybook 25:27 One single CSS or multiple CSS files? 32:31 How do you decide when to put something in global vs components? 34:27 Sponsor: Ag Grid 35:32 Orphan styles 43:29 Some of the tools to use 47:18 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: March 25th, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Michael Callaghan @walkingriver
Brought to you by
AG Grid

IdeaBlade
Resources: Mike’s Blog Don't Say That at Work at Amazon Yogi Bear Michael Calllaghan’s Courses at Udemy Three Letter Acronyms (TLA) Jerry Maguire mission statement email Valerie Kittel - speaking coach Don’t Say that at Work - Audio Book What is Mindfulness? Maya Angelou “I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.” Timejumps target='_blank' rel='nofollow' 01:45 Guest introduction 02:59 Why did you decide to talk about this? 09:02 Sponsor: Ag Grid 10:14 Being accused of perjury 15:51 Don't use so many TLA's 20:11 Strategies for avoiding putting your foot in your mouth 24:36 Don't succumb to prejudice 29:09 How to respond when you're feeling emotional to a message 33:30 Sponsor: IdeaBlade 34:34 Don't tell me no 41:07 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Doug Neill
Brought to you by
AG Grid

IdeaBlade
Resources: Doug’s Verbal to Visual YouTube channel Sunni Brown: Doodlers Unite Web Rush Episode 123: Sketchnoting in Tech with Mike Rohde Mind Map Concepts App for iPad Procreate app for ipad Notability GoodNotes 5 UPS Sketch Ads My Octopus Teacher How to Sharpen Pencils Baronfig tools Field Notes Field Notes Moleskine Timejumps target='_blank' rel='nofollow' 01:56 Guest introduction 03:38 What was your journey into sketch noting? 07:44 Sponsor: Ag Grid 08:53 Did you have to start to think differently? 11:15 Sketching for presentation or notes 15:08 Does a mindmap become the sketch? 22:42 Do you prefer paper or iPad? 25:10 How do you keep yourself from polishing instead of note taking? 26:35 Sponsor: IdeaBlade 27:44 How do you handle mistakes? 30:14 What is it about Concepts that you like vs Procreate? 46:42 Who benefits from visual note taking? 50:00 How do you get started with sketch notes? 51:41 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 03/18/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Kelly Vaughn target='_blank' rel='nofollow' @Kvlly
Brought to you by
AG Grid

IdeaBlade
Resources: Ladybug Podcast Commerce Tea Kelly Vaughn Website The Taproom Emma Bostian on Twitter Ali Spittel Sidney Buckner Rhian Beutler Irish Soda Bread Recipe Newly Practicing Mortician aka npm What are web hooks? Heroku Vue.js React.js Nodejs Koa Express Heroku Papertrail Shopify API Shopify Storefront API “Polaris” - react components for Shopify Kelly’s advice on pushing to production on Friday Setting Up a Local Shopify Theme Development Environment Ten Interesting Facts About the Dentist’s Drill Sequel Pro MySQL database Paper Trail log management At IdeaBlade we use Sentry with most of our clients New Relic logging Log Rocket for logging App Dynamics logging KPIs Self-decapitating Sea Slugs Jameson Cold Brew Recipes Timejumps target='_blank' rel='nofollow' 01:22:00 Deploying regularly 02:52:00 Guest introduction 04:16:14 What's Irish soda bread? 08:05:01 Sponsor: Ag Grid 09:12:23 Naming The Taproom 11:36:21 Running The Taproom 13:54:12 Advice for launching ecommerce stores 16:35:23 What is the stack like for developing Shopify themes or apps? 19:21:12 How does Node fit in? 21:03:00 What's your cycle time for pushing to production? 23:24:12 How do you handle Shopify data? 29:52:07 Sponsor: IdeaBlade 30:53:12 Working with small data vs the world's data 36:25:22 How do you use log managers in development? 42:30:19 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 03/16/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Brandon Roberts @BrandonRoberts
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: NgRx NgRx Platform on GitHub NgRx on Twitter Discord for NgRx Swag for NgRx OSS Sponsor page for NgRx Rob Wormald on Twitter Brandon’s journey into Developer Relations Nx developer tools Redux Saga NgRx Sagas Dan Wahlin’s Observable Store on GitHub Blog Post describing Dan Wahlin’s Observable Store Video on Dan Wahlins Observable Store The Component Store Timejumps target='_blank' rel='nofollow' 02:11 Guest introduction 03:38 Proven development practices 07:53 Sponsor: Nrwl 08:28 How did you get started? 14:17 What is NgRx and what was the business need? 22:17 NgRx Effects and Sagas differences 25:11 How can it be used with other frameworks? 27:30 Sponsor: Ag Grid 28:38 Shipping what you use 33:53 What's your current role? 35:44 Any advice for people getting into developer relations? 38:08 John's journey into developer relations 40:10 What's wrong with developer relations? 43:25 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 03/11/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Jack Hsu @Jay_soo
Brought to you by
AG Grid

IdeaBlade
Resources: Nx Monorepo Micro front-end Nx Getting Started Nx Migration Overview Nx Cloud Github Github CLI Gitlab GitHub Code owners GitLab Code owners Lerna Vercel Azure Static Web Apps Nrwl channel on YouTube Free Nx + React course Nx Playbook (one free Nx course, and a paid Advanced Nx cource) New Nx Devkit docs Timejumps target='_blank' rel='nofollow' 01:07 Guest introduction 01:43 Introduction to Nx 03:45 What are the benefits of mono repos? 09:04 Sponsor: Ag Grid 10:10 Why should someone check out Nx? 12:26 What's the process to get started with Nx? 18:02 Nx Cloud details and pricing 19:29 How do I know if I need to use Nx? 30:56 Can you cut your build time down? 31:46 Sponsor: IdeaBlade 32:42 What's new for the developer experience? 34:55 Are you limited to Javascript or Typescript? 38:42 What's the learning path? 41:13 Final Thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: March 9, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Ania Kubow @Ania_Kubow
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Code with Ania Kubów on youtube TikTok for Developers React.js React Hooks Jamstack Ania built a TikTok app in React, on YouTube Github repo for TikTok app in React useState with React Hooks Datastax.com serverless database Apache Cassandra Netlify functions Netlify Jamstack intro Visual Studio Code Create React App TypeScript and React What is Token based Authentication? GraphQL Stargate documentation MERN stack MEAN stack Datastax Astra Collections Express 12HR+ YouTube Coding Bootcamp 2021! TwoSetViolin - Episode on Musicality Amanda Gorman Timejumps target='_blank' rel='nofollow' 02:19 Guest introduction 02:53 Deciding to build a TikTok clone 04:43 How do you use React hooks? 06:28 Sponsor: AG Grid 07:28 What tech stack are you using? 13:11 What did you use to build your API? 21:49 MERN stack 23:41 Sponsor: Nrwl 24:21 What is Astra Collection? 28:16 How do Netlify functions work? 31:46 What do you do on your YouTube channel? 34:43 Coding bootcamp 38:54 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Kate Sky @Katesky8
Brought to you by
AG Grid

IdeaBlade
Resources: Kate Sky links NgRx Container Presenter Pattern with Kate Sky Angular RxJS Library Angular state management with NgRx Container Presenter Pattern from 2015 Container Presenter in React Angular and the Container Presenter pattern NgRx Data JavaScript Spread Operator Deep Cloning in JavaScript Angular EventEmitter Designing Your Life (book) Riverside.fm podcast service Otter transcription service Timejumps target='_blank' rel='nofollow' 02:06 Guest introduction 02:53 Mentoring 05:07 Best practices as a mentor 12:04 Sponsor: AG Grid 13:14 What is State Management? 19:41 How did you decide what to refactor? 22:48 How would you mentor someone entering NgRx? 26:40 What about NgRx data? 28:56 Sponsor: IdeaBlade 30:03 How do you help people understand RxJS? 33:55 Do people struggle with immunability? 43:46 What are conditions that led to state management issues? 53:37 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Todd Spatafore @Spatacoli
Brought to you by
AG Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Moo Tools Vudu Vanilla JS Feature detection HTML5 codec Refactoring JavaScript modules Progressive Web Apps XHR requests Timejumps target='_blank' rel='nofollow' 03:01 Guest introduction 04:04 How do you write for tvs and media devices? 05:58 Do you want to switch to a framework? 08:43 Sponsor: Nrwl 09:20 What sort of matrix of devices do you have? 10:58 How do you use feature detection? 13:41 What does it feel like having to write everything? 21:20 What did it look like before / after a refactor? 23:33 How are devices updated? 26:18 Sponsor: AG Grid 27:33 What worries you about JavaScript? 29:17 What's the hardest thing to get around? 32:44 What sort of testing infastructure do you use? 38:19 How does this fit in to your career path? 42:35 Final Thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Minko Gechev @mgechev
Brought to you by
AG Grid

IdeaBlade
Resources: Minko Gechev's blog Angular Angular Developer Survey 2020 Results Angular on npm Angular compiler on npm Angular Debugging Guides Info on Angular Errors Angular Augury Angular Dev Tools for Chrome Angular on YouTube Profiling Angular Applications with Minko Gechev Chrome Dev Tools Angular on Twitter Angular Roadmap Introduction to Angular concepts NgModules Angular Rendering Engine Ivy Angular versions Rendering on the Web Angular Universal Minko’s tricky array code Gary Bernhardt’s famous JavaScript WAT flash talk RxJs Angular RxJS Decision Tree Haskell Tailwind Timejumps target='_blank' rel='nofollow' 01:59 Guest introduction 05:36 What changes have happened with debugging? 07:34 Sponsor: AG Grid 08:44 What kinds of errors will people be able to see? 13:22 What are the goals for Angular? 22:40 Progressive hydration 25:12 Is Ivy the present of Angular? 27:09 Sponsor: IdeaBlade 28:17 How is server side rendering handled? 30:58 How do you learn new things? 35:59 Are you working on ease of use for Angular? 39:46 Is RxJS as important in Angular? 44:21 What's on your Angular roadmap wishlist? 46:21 Angular usage at Google 51:23 Final Thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Feb 16, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Mike Rohde @rohdesign
Brought to you by
AG Grid

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Mike Rohde web site The Sketchnote Handbook one : Sketchnoting The Sketchnote Army Podcast Sketchnoting workshop with Mike Rohde n YouTube How to avoid cluttering your sketchnotes Example of an article with sketch note as a image header Sketchnote layouts Sketchnoting on the iPad with Procreate Paper by WeTransfer Paperlike Paper mate flair pens Field Notes Moleskine books Baronfig tools Pictionary How did they ever come up with that kooky Kubernetes name? Here’s the inside story Dario Paniagua - Metaphors Illusions of agreement post Sketchnote Mini Workshop SQL Server in a sketchnote Sketchnote Videos on Vimeo Timejumps target='_blank' rel='nofollow' 02:34 Guest introduction 03:52 What is sketch noting? 10:53 Creating an organic movement 12:17 Sponsor: Nrwl 12:57 How do you attend a conference and take good notes? 16:55 How do you balance words vs pictures? 18:20 How would you use this in an Agile process? 24:53 How should someone start using sketch notes? 29:47 What about people who can't draw? 33:02 Should you use paper or iPad? 40:50 Sponsor: AG Grid 41:50 What tools do you recommend? 48:10 What will people get out of sketchnotes?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 2021-02-11

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Chris Coyier @ChrisCoyier
Brought to you by
ag-Grid

IdeaBlade
Resources: Chris Coyier CSS Tricks CodePen ShopTalk Podcast Web Assembly Blazor "Going Ga Ga" on wikipedia Blazor Azure Functions React CSS Layout with Flexbox CSS Layout on Grid Azure Static Web Apps Netlify What is Jamstack Github Pull Requests Review and publish Pull Requests to a Preview URL for Static Apps Best Practices for Great DX SnowPack and WASM SnowPack Preact WMR with Jason Miller Vite and Vue Enabling Popups in HTML Jeremy Keith What happened to the lost colony of Roanoke Timejumps 01:31 Guest introduction 03:46 What should we be paying attention to? 07:40 When should you use web assembly? 11:54 Sponsor: Ag Grid 12:50 Technology moves too fast 16:13 What tech have you used that was worth it to get into? 19:35 Flexbox or CSS Grid? 23:48 Cloud functions and serverless 32:24 Sponsor: IdeaBlade 33:20 What do you think about bundling? 40:37 Is there anything better than HTML coming? 44:51 Any new developer tools to be aware of? 50:01 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Colby Fayock @ColbyFayock
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Netlify Jamstack Azure Static Web Apps Static Apps What is SPA? Vercel Azure Static Web Apps Server side rendering with Vue Client side vs server side rendering Perl Leaflet Next.js Gatsby On Running Shoes Surviving Technical Debt GitHub Actions Timejumps target='_blank' rel='nofollow' 01:40 Guest introduction 02:29 What is Jamstack? 08:39 Storage for static hosting 10:05 Sponsor: Nrwl 10:47 How do Jamstacks handle forms? 15:45 What's the difference between Jamstack and service side rendering? 18:40 What might be the elevator pitch for Jamstack? 21:04 Do I need to build on Jamstack from the start? 31:02 Sponsor: Ag Grid 32:01 What's the developer experience like with Jamstack? 35:40 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Sam Artioli @SamArtioli
Brought to you by
ag-Grid

IdeaBlade
Resources: Start Bootstrap Ngrx Redux principles 2011 Stackoverflow question on how much data is too much Browser storage limits Max size of a redux store Large sets of data in react and redux Can we store lots of data in redux? CRDTs CRDTs: The Hard Parts by Martin Kleppmann Operational Transformation (OT) Debouncing explained Timejumps 02:09 Guest introduction 03:24 What problem were you trying to solve? 07:02 Do you download the entire project each time? 14:48 What is CRDT? 17:57 Sponsor: Ag Grid 19:03 Breaking your browser 22:34 Is it collaborative? 25:59 The clone wars 36:15 Sponsor: IdeaBlade 37:20 Why put everything in a store?
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Anythony Campolo talks with John, Ward, and Dan about Redwood JS. Is Redwood JS a framework or a library? Why would you use Redwood JS? What problems does it solve? Is it for beginners or experienced developers?

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Anthony Campolo @ajcwebdev
Brought to you by
IdeaBlade

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Anthony on GitHub Anthony’s Blog RedwoodJS RedwoodJS Community Forum RedwoodJS Discord 12-part series "A First Look at RedwoodJS" RedwoodJS own tutorials Gesture library Hammer.js Tailwind CSS Chainsaw React Remix for React Lambda School bootcamp for full stack Remix for React Prisma js GraphQL Apollo for GraphQL Fauna DB Redwood File Structure CLI Commands Tom Preston Warner Tom Preston Warner on Twitter Gatsby Blitz Next.js Fullstack Jamstack Podcast Is it safe? Timejumps target='_blank' rel='nofollow' 02:04 Guest intro 04:30 What are the use cases for Redwood? 05:41 Is it a framework or a library? 08:18 Why would I use Redwood? 10:31 Sponsor: Nrwl 11:15 Figuring out what problem you're solving 16:28 Databases and Redwood 19:58 Technologies in Redwood 34:29 Sponsor: IdeaBlade 35:37 Is Redwood for beginners or experienced developers? 46:44 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker
Brought to you by
ag-Grid

IdeaBlade
Resources: Parcel Micro Services on Web Rush Remix Martin Fowler on MicroServices Angular Monolith Microservices Svelte Fast.design React Storybook Once Upon a Storybook with Michael Shilman Code Spaces VS Code and ARM Snowpack Angular Playground WebPack Ward Bell talking Unit testing Timejumps target='_blank' rel='nofollow' 02:26 Fails from 2020 08:41 Sponsor: Ag Grid 09:52 Wins in 2020 20:10 Treading water 26:21 The future 34:35 Sponsor: Ideablade 35:45 Ghosted 45:55 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Mike Ryan @MikeRyanDev
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources: Ngrx Martin Fowler on Technical Debt SemVer (Semantic Versioning) How We Build Code at Netflix Waterfall vs Agile More on Agile vs Waterfall BDUF (“Big Design Up Front”) YAGNI - You Aint Gunna Need It YAGNI AHA - Avoid Hasty Abstractions How to identify tech debt Angular CLI's ng update Introduction to Microservices Micro-frontends Baby Yoda (Grogu) toy example Fembot Timejumps target='_blank' rel='nofollow' 01:47:10 Guest introduction 02:33:17 What is it like to maintain Ngrx? 05:46:00 Managing versions 07:56:00 Recommendations for new projects 11:08:08 Sponsor: Ag Grid 12:18:05 Designing to avoid tech debt 14:55:02 How do you decide whether to start fresh or use old methods? 28:25:00 Sponsor: Nrwl 29:01:00 Do you rewrite projects? 36:58:12 What do you wish you knew then that you know now? 37:55:11 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Dec, 2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Tor Helgevold @Helgevold
Brought to you by
ag-Grid

IdeaBlade
Resources: Closure Compiler Optimizing Svelte Applications Svelte Svelte with Closure Compiler and Lazy Loaded Routes Closure Compiler and Http Requests The Curious Tale of the Stolen Pets Timejumps target='_blank' rel='nofollow' 04:03:13 Guest introduction 06:06:14 How did you discover Svelte? 10:59:00 What pain points are addressing by adding a compiler on top of Svelte? 13:33:19 Sponsor: Ag Grid 14:45:00 How do you get a smaller bundle size? 30:38:00 How do you support lazy loading? 36:52:05 Sponsor: Idea Blade 38:03:18 When should you turn on closure compiler? 47:39:00 Does closure optimize at run time as well? 50:06:00 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .