Real Talk JavaScript

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 .

Recording date: Dec 3, 2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Norbert de Langen @NorbertdeLangen
Brought to you by
ag-Grid

Narwhal

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

Resources: Chromatic Storybook Visual Regression Testing Add ons for storybook Jest testing Storbook maintainers AMA Web Rush ep 110 on Storybook with Michael Shilman Material Accordian Component Next.js Nuxt.js Accessibility Add On for Storybook List of AddOns in StoryBook repo Fluid Playground (uses Storybook with a custom add-on) Madison Kanna on Web Rush Timejumps target='_blank' rel='nofollow' 00:52 Guest introduction 02:26 What is Chroma? 12:17 Sponsor: Nrwl 12:56 Storybook and Chroma 15:24 Tips for getting in to open source 20:50 How do you reach the community to help them learn Storybook? 32:35 Sponsor: Ag Grid 33:38 Add ons for Storybook 42:47 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

Andrew Smith @silentworks
Brought to you by
ag-Grid

IdeaBlade
Resources: Andrew Smith Fabulous Thunderbirds “Wrap it up” BackbonJS Svelte 3 with Rich Harris Spine JS Knockout JS Introducing Svelte (Nov 2016) CSS Transitions (per MDN) Svelte motions Svelte transitions Fade transition in Svelte Transition events Can’t believe how simple this one is to implement. Pretty cool Greensock animation library NY Times election animation with Svelte Svelte Recipes Amelia Wattenberger Cypress testing FrontEnd Masters - Animations - Rich Harris Native-Like Animations for Page Transitions on the Web - Sarah Drasner flip function — flip stands for — from svelte/animate: FLIP = FIRST _ LAST _ INVERT _ PLAY Svelte Stores Svelte Easing Tweened example Chronological Order to watch Star Wars Clone Wars On ordering Brisket from Aaron Franklin. Mouth watering Ngrok Compare Svelte with React, Vue and Angular
{#if visible}
status = 'intro started'}" on:outrostart="{() => status = 'outro started'}" on:introend="{() => status = 'intro ended'}" on:outroend="{() => status = 'outro ended'}" > Flies in and out
{/if}
Timejumps target='_blank' rel='nofollow' 01:57:06 Guest introduction 04:54:09 Svelte comes out 08:07:05 Why go to Svelte? 10:21:17 Animations with Svelte 15:00:17 Transitions in animations 17:07:17 Sponsor: Ag Grid 18:10:00 Does Svelte make animation easier to work with? 24:52:00 Making animations easier 26:31:14 What about Greensock? 30:23:12 How to disable animations for testing? 35:21:07 Designing for big screens 42:02:21 Sponsor: IdeaBlade 43:07:09 What does the $ sign and what are Svelte Stores? 49:10:18 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 11/10/2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Natlia Venditto @AnfibiaCreativa
Brought to you by
ag-Grid

Narwhal

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

Resources: Manfred Steyer on Micro Front Ends Micro FrontEnds on ITNext Micro Frontends - extending the microservice idea to frontend development Micro Frontends - Martin Fowler Angular based micro frontend Manfred Steyer video on Micro FrontEnds Martin Fowler on Micro FrontEnds Scaling UX with Micro FrontEnds Micro FrontEnds on Pluralsight Microfrontends: the good, the bad, and the ugly I Don't Understand Micro FrontEnds The State of Micro FrontEnds Backends for FrontEnds - a MicroService Pattern Vincenzo reacts (negatively) to Gordon Ramsey’s popular “Spaghetti Carbonara in 15 minutes” (an atrocity) Iframe What's the Deal with Svelte Kit? Richard Harris and Svelte Kit Oculus Quest 2 Timejumps target='_blank' rel='nofollow' 02:26:00 Guest introduction 03:01:00 What is micro front-end? 11:41:00 Sponsor: Ag Grid 12:52:05 What are the components of micro front-end 32:52:00 Sponsor: Nrwl 33:34:00 Lazy loading or refresh the page? 37:54:10 Why go to micro front-end? 43:11:23 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Oct 29, 2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Tim Neutkens @timneutkens
Brought to you by
ag-Grid

Raygun

Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources: pre-rendering explained Time to First Byte (TTFB) Hot Module Replacement Fast Refresh in Next.js Zeit is now Vercel Nuxt.js with Vue Static Web Apps Static Web Apps for VS Code Which service? Netlify vs Vercel vs Azure Static Web App Hugo Jekyll 11ty GitHub Repo with 30+ examples of web frameworks Vercel Timejumps target='_blank' rel='nofollow' 01:37:00 Guest introduction 02:17:00 What is Next.js and what is Vercel? 05:09:00 What does Next.js allow you to do? 18:07:10 Sponsor: Raygun 18:38:19 What is the relationship between Vercel and Next? 29:25:00 Getting started with Vercel 37:04:08 Sponsor: Ag Grid 38:13:07 When should you use Vercel? 47:41:08 What does Vercel run on? 53:09:00 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Oct 22, 2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Diana Rodriguez @cotufa82
Brought to you by
ag-Grid

Narwhal

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

Resources: DnD Monopoly Nuxt Connect Tech What is IoT Arduino Intro to Azure IoT Diana’s blood sugar levels MicroPython Flask Scott Hanselman and displaying your realtime Blood Glucose from NightScout on an AdaFruit PyPortal Spark Fun boards Tutorial - Create and connect a client app to your Azure IoT central application with Node.js Tutorial - IoT and Python NodeBots Learn how to make robots powered by JavaScript NodeBots - Robots powered by JavaScript Remote control cats Angular NodeBos on twitter María Hernández @Makahernandez Ioniconf Karo Ladino - JavaScript and IoT: a true love story AdaFruit with Python for IoT Arduino education Enemy of the State IoT Security IoT Security on Azure Auth0 article on IoT security Cisco IoT security Faraday cage suit to block connections to your body My Octopus Teacher on Netflix My Octopus Teacher Dixit Timejumps target='_blank' rel='nofollow' 02:09:00 Guest introduction 05:21:20 What is IoT? 15:43:21 Sponsor: Ag Grid 16:47:08 Are you using Python on the chip? 28:52:12 Intimidation with new technology 37:25:01 Sponsor: Nrwl 38:00:06 What things plug into IoT? 39:30:23 Where would you get started with IoT? 40:54:00 Are you worried about security? 51:08:00 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

Michael Shilman @MShilman
Brought to you by
ag-Grid

Raygun

Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources: Storybook on Twitter Storybook web site How to test you design your system What is storybook and how can I use it to create a component library in react? How to build JS components with Storybook Fluid Framework Playground (demos using Storybook) Figma Storybook - When, Why, and How Multiple technologies can be “combined” into a single Storybook Set up a ci/cd pipeline for storybook using GitLab Deploy Storybook to an Azure storage static website with Azure DevOps Pipelines Storybook - getting started on Pluralsight Storybook docs Storybook and MDX Visual testing with Storybook using Chromatic The Musketeers tv show on BBC Timejumps target='_blank' rel='nofollow' 01:26:00 What's in a name? 04:35:03 Guest introduction 06:17:13 What is Storybook? 12:15:01 Sponsor: Raygun 12:52:06 Why use Storybook? 21:04:11 Adding MDX 27:03:17 Can I use Storybook in my CI process? 32:42:04 Sponsor: Ag Grid 33:50:12 How does Storybook handle client change requests? 40:55:02 How do different technologies work with Storybook? 42:54:12 How do I get started with Storybook? 44:31:11 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: Oct 8, 2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Randall Kanna @RandallKanna
Brought to you by
ag-Grid

Narwhal

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

Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources: The Standout Developer Randall Kanna’s website Etherium Bitcoin Ruby on Rails Node.js LinkedIn Ember React.js Blog site at dev.to iOS and Swift Randall Kanna video on React and Truffle Ask Trim Timejumps target='_blank' rel='nofollow' 02:08 Guest introduction 04:29 What inspired you to write this book? 09:51 What is Etherium? 12:19 Sponsor: Ag Grid 13:33 What do they teach in boot camps? 16:04 How do you get your first job? 29:00 How do you stand out with your resume? 44:39 Sponsor: Nrwl 45:19 Using this information for jobs in the future 48:51 What's the story in your career? 53:43 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

Madison Kanna @MadisonKanna
Brought to you by
ag-Grid

Raygun

Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources: MadisonKanna.com Code Book Club FreeCodeCamp Front End Masters Egghead Brian Holt Jem Young Become a CodeBookClub host Here's the form to fill out if you'd like to become a host! You Don’t Know JS series Madison Kanna on FreeCodeCamp Timejumps target='_blank' rel='nofollow' 01:45 Guest introduction 03:49 Is college important? 06:52 Resources to get started 10:09 Sponsor: Raygun 10:46 What does Freecodecamp offer? 11:37 What is Code Book Club? 15:57 You Don't Know JS series 19:43 Working in cyber security 22:10 Work and passion time management 23:26 Sponsor: Ag Grid 24:29 Any tips for learning coding? 29:41 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

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: Kevin on GitHub Svelte Forms on GitHub Svelete Discord John Candy movies Svelte React EasyForms Formee library Yup Reactivity in Svelte Try Svelte Forms in the Svelte REPL Svelte Stores Svelte Society - community -on Twitter Svelte community on Discord Mad Max Beyond Thunderdome Tutorial on creating Svelte Actions Pug RxJS Docs page … open the browser tools and enjoy! Plato Aristotle Timejumps target='_blank' rel='nofollow' 02:18 Guest introduction 04:01 How did you decide to work on forms for Svelte? 07:45 How does Svelte Forms make life easier over HTML? 09:21 Sponsor: Nrwl 10:05 What features seperate you from other libraries? 20:51 How do you handle validation? 26:35 What's a view model? 30:00 How does extensibility work? 37:40 How is styling handled? 39:05 Sponsor: Ag Grid 40:18 Other projects on the go? 42:29 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

Devin Shoemaker @ParanoidCoder
Brought to you by
ag-Grid

Raygun

Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources: Nx Monorepos on Real Talk JavaScript Nx and React Lerna tools for managing javascript projects with multiple packages Nx and Angular Vue support in Nx Angular schematics Bob the Builder Fast framework Fast design Enterprise Monorepo and Angular Patterns book Nx community ker : Extending Schematics in an Nx Plugin Ionic React with Nx Nx course on YouTube List of supported plugins with Nx Schematics Authoring Timejumps target='_blank' rel='nofollow' 02:51 Guest introduction 04:26 What is NX and who is it for? 14:43 How granular can you get with a plugin? 17:05 Sponsor: Ag Grid 18:38 Schematics and builders 23:20 What have you created as plugins? 32:29 What resources do you have access to? 34:20 Sponsor: Raygun 34:56 Supporting open source projects 38:41 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

Tomomi Imura @Girlie_Mac
Brought to you by
ag-Grid

Narwhal

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

Resources: target='_blank' rel='nofollow' 01:41 Guest introduction 05:48 What inspired you to create these? 11:06 Sponsor: Nrwl 11:48 Sketch notes 18:12 What is sketch noting? 22:58 What tools do you use for sketch noting? 34:26 How do you start crafting a talk? 36:23 Sponsor: Ag Grid 37:34 Final thoughts Timejumps HTTP Cats GitHub repo ES6 Spread Operator Git Commands explained with Cars RegEx Example of Sketchnoting from Tomomi Copic markers Procreate for the iPad Field Notes books Verbal to Visual Sketchnoting videos @Chiuki The Sketchnote handbook and workbook Mike Rodhe and Sketchnoting on Twitter Nitya Narasimhan on Twitter Tomomi at DevRelCon Tokyo Fluid Framework Let's get chatty with conversational interface with JavaScript Tenet
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 2020-05-14

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Laurie Barth @LaurieOnTech
Brought to you by
ag-Grid

Raygun

Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources: Gatsby Angular Docs Marcy Sutton Node.js Gatsby Docs Gatsby Cloud Peacock docs Documentation template Stripe docs MDN docs Drink a v8 Vue Router Yarn docs 2ality Alligator V8 Lauries course on Vue Router at Egghead UnifiHD wifi networking Timejumps target='_blank' rel='nofollow' 01:13 Guest introduction 02:31 What do you do at Gatsby? 04:35 Organizing principles of docs 12:02 Sponsor: Ag Grid 13:06 Do people know the terms in a doc? 21:48 How can people learn to write better docs? 29:55 Sponsor: Raygun 30:27 What's the first thing you should do with docs? 40:50 How do you do SEO for docs? 46:08 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 9/4/2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Mike Hartington @MHartington
Brought to you by
ag-Grid

Narwhal

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

Resources: Bet on the Web Capacitor Native React Apps without React Native Geolocation on capacitor Geolocation on CanIUse.com What is Geofence Apache Cordova Cordova vs Capacitor Capacitor and Storage IndexedDb jQuery jQuery 2006 Progressive Web Apps (PWA) "Hand Covers Bruise" Capacitor For Vue Capacitor for Ember Timejumps target='_blank' rel='nofollow' 02:03 Talking podcasting 05:49 What is Capacitor? 12:20 Exporting contacts data 13:39 Sponsor: Ag Grid 14:36 Geofencing 17:54 What's the difference between Cordova and Capacitor? 22:04 How does Capacitor deal with storage? 30:53 Sponsor: Nrwl 31:23 Can I use Capacitor with Vue? 37:14 Can you bring your own framework? 41:36 Why bother with Capicator instead of building native? 45:55 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 8/27/2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Orta Therox @Orta
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: Svelte TypeScript Svelte and TypeScript TypeScript and React Vue 2 and TypeScript Vue 3 and TypeScript Backbone.js Svelte extension for vs code Language Extensions for VS Code Compiler Option in Typescript TypeScript basic types Sapper and Svelte Svelte store Orta on YouTube Timejumps target='_blank' rel='nofollow' 01:31 Guest introduction 03:31 What's happening with Svelte and Typescript 09:10 Sponsor: Nrwl 09:49 How did Typescript infiltrate Svelte? 30:02 Sponsor: Ag Grid 31:03 Should we use any? 38:50 What's sapper? 40:00 What client side data management tools are there? 41:29 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: August 25, 2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Alan Davalos @AlanGDavalos
Brought to you by
ag-Grid

Raygun

Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources: Web Components Shadow DOM Render HTML with Vanilla JavaScript and LitHTML CSS Encapsulation lit-html Polymer Project LitElement LitElement with Vue.js Model Viewer Iooxa Haunted Defining a property in LitElement Events in LitElement Web Component Benchmark FAST Vanilla JavaScript and HTML - No frameworks. No libraries. No problem Web Component Benchmark Open WC
Cool Components (LitElement)
Modelviewer Stripe Elements WiredJS Chessboard elements Uni Virtualizer Iooxa Apollo Elements Lottie Player
Cool Components (Not LitElement)
CSS Doodle Shader Doodle Block Link Button Element on Google Pay
White Label Components
Lion Generic Components Alan on Dev.to Timejumps target='_blank' rel='nofollow' 01:32 Guest introduction 02:50 What is LitElement? 07:17 What is CSS encapsulation? 10:18 Sponsor: Raygun 10:49 Wrapping everything into a component 13:34 How does LitElement help with templating? 22:57 Is LitElement able to integrate with other components? 35:56 How do you define an attribute value? 40:33 Sponsor: Ag Grid 41:34 How does Fast compare with LitElements? 47:42 Where to go to learn more 50:13 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: August 20, 2020

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: Angular Interceptors Axios Interceptors Matryoshka doll The difference between POST and GET Using Reactor Touer inside axis interceptors Ward Bell presentation on HTTP Interceptors (The Room Where it Happens) Angular Preload and Interceptors Timejumps 01:18 Why are these things important? 09:54 Isn't this kind of like middleware? 10:42 Sponsor: Nrwl 11:22 How does it work with Angular? 17:14 What is a Read only interceptor? 25:42 Axios and interceptors 37:47 Sponsor: Ag Grid 38:54 Where should someone start with interceptors?

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Manfred Steyer @ManfredSteyer
Brought to you by
ag-Grid

Raygun

Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources: Manfred's angular workshops VS Code Visual Studio Live Share What is a monorepo? Nx tools Selecting Monorepo tools .NET dotnet Design Systems by Emma Bostian Azure Static Web Apps Micro Frontend Manfred Steyer video on Micro Frontend Webpack 5 and Module Federation Conway’s law: in brief, s/w boundaries tend to mirror the development team boundaries Micro Frontends with Webpack Module Federation and Angular Architecture with Angular and Nx Monorepos eBook about Enterprise Angular Angular Architecture Workshop Timejumps target='_blank' rel='nofollow' 01:12 Guest introductions 04:39 What does enterprise mean to you? 07:00 What are the pitfalls of mono repos? 11:25 Why do I need special tooling? 13:37 Sponsor: Raygun 14:12 Tracking changes and version control 30:22 Micro Front End concepts 34:32 How do you link together multiple repos? 36:00 Sponsor: Ag Grid 37:03 Who is monorepo for? 44:28 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

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: Svelte The Guardian NY Times The JavaScript Framework that puts web pages on a diet Mustache js Handlebars js jQuery templates jQuery DS.js D3 on GitHub What is SVG Backbone.js innerHTML Raphael Example Svelte app React and the Virtual DOM Svelte REPL Sapper and Svelte Next.js for React apps Rube Goldberg machine VS Code Svelte extension for VS Code Svelte 3 for VS Code Learn Box Alignmnet Svelte JS on Twitter Timejumps 01:30 Guest introduction 02:19 Why did you create Svelte? 07:24 Where does the size come from? 13:04 Sponsor: Ag Grid 14:05 What were some of the areas that didn't play well with SVG? 17:32 What's your pitch for Svelte? 25:15 What is Sapper? 35:46 Why bring Svelte to people who aren't as familair with React or Vue? 45:05 Sponsor: Nrwl 45:36 How much is happening in the DOM vs the browser? 46:51 What's next for Svelte? 50:32 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

Justin Samuels @ThugDebugger
Brought to you by
ag-Grid

Raygun

Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources: Justin on Dev.to Rich Rebuilds on YouTube Rebuild Black Business Render Atlanta Sep 2021 Render Atlanta team JavaScript Hello World apps in 30+ frameworks Speaker list for Render Atlanta React.js Sophie Alpert Pariss Athena on Twitter About Rebuild Black Business Del Frisco Grill in Atlanta Business in Rebuild Black Business In Streaming Color Telethon Mailchimp GitHub site for Rebuild Black Business Timejumps 02:59 Guest introduction 13:17 Sponsor: Ag Grid 14:21 Education and college 16:42 What is Render Atlanta? 22:20 Taking care of you with chicken and waffles 24:45 What technology is the focus? 30:30 Sponsor: Raygun 31:06 Rebuild Black Business 43:28 How did you organize all the contributors? 45:24 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

Matteo Collina @MatteoCollina
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: Elon Musk and the red satin shorts Node.js Moving Fastify to Azure Pipelines with Matteo Collina and Damian Brady Fastify ecosystem Fastify on InfoQ TSD Fastify and Validation of Data JavaScript Prototype Poisoning Hapi AJV Fluent Schema Article on "Forget Express" Reddit thread on fustily and express performance Npm trends showing express vs fustily vs testify usage Monkey patch definition http2 What is middleware Fastify Hooks Routing in Fastify Find My Way Curmudgeon Clint Eastwood "Get Off My Lawn" GIFs Pino logger in GitHub Express Contributors Video: What happens when you fold paper more than 7 times Node.js docs on Stream Sonic Boom Fastify to Express Fastify Workflows TypeScript Timejumps target='_blank' rel='nofollow' 03:16 Guest introduction 06:42 What is Fastify? 15:12 Why should I use Fastify instead of Express? 18:40 Sponsor: Nrwl 19:14 The middleware concept is wrong 26:45 Ward the Curmudgeon on taking a bet on Fastify 35:42 Sponsor: Ag Grid 37:00 What is Pino and why? 46:38 What's the best way to get started with Fastify? 49:21 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions .

Recording date: 2020-07-02

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Kim Maida @KimMaida
Brought to you by IdeaBlade
ag-Grid

Resources: Gatsby Server side rendering in Gatsby SSG is Static Site Generator Netlify Static Web Sites in Azure Dan Wahlin's blog post on joining DevRel Creating Slackbots Valerie Kittel, excellent presentation coach Fluid Framework The Body: A guide for Occupants by Bill Bryson GitHub repo for Template Slackbot Resonate by Nancy Duarte Nancy Duarte on Presentation

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Daniel Roe @DanielCroe
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: GraphQL React Vue Angular Balance of Power Examples with JavaScript Apollo and GraphQL Build Scalable APIs using GraphQL and Serverless GraphQL and Cosmos DB Apollo Server with Azure Functions Javascript Proxy Hasura Villus Apollo GraphQL vs code plugin MirageJS Lighthouse PHP IO TS Deploy your graphQL server to Azure Functions Vue Apollo Apollo Module Apollo GraphQL VS Code Timejumps 02:31 Guest introduction 04:36 What is GraphQL? 10:39 Sponsors: Ag Grid 11:41 What is the graph in GraphQL? 17:50 Pushback on GraphQL 24:14 How do you restrict clients access to data? 26:28 Starting out as a Javascript developer with GraphQL? 32:50 If you're starting with this today, how do you get started? 42:45 Sponsor: Nrwl 43:21 Having a problem proportional to solution 52:32 What's the difference between serverless vs serverless functions? 55:09 What lead you to choosing GraphQL? 56:56 Final thoughts

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Emma Bostian @EmmaBostian
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: The Squiggly Career Make it Stick CSS Tricks How to Win Friends and Influence People Designing Your Life Timejumps 01:33 Guest introduction 02:50 Initial thoughts on a career in tech 05:23 What drew you back to tech? 14:18 Sponsor: Nrwl 14:59 Asking for a higher salary and negotiating. 18:48 From the employer's prospective 22:07 Figure out your non-negotiables 23:47 Working with a good manager 26:52 Prepping for a job interview and imposter syndrome 28:53 How do you keep up wtih all the things? 30:32 Sponsor: Ag Grid 31:19 Cramming and pretending to be something you're not 40:47 Final thoughts

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Loiane Groner @Loiane
Brought to you by
ag-Grid

IdeaBlade
Resources: Nest.js Angular Node Express Restify Fastify TypeScript Video on nest vs express React React and Nest together Nest and Auth Passport.js TypeScript Decorators Interceptors Learn RxJS Who is using Nestjs? Nest.js Middleware Nestjs Guards Vue and Nestjs Sequalize GraphQL and Nestjs Timejumps 01:47 Guest introduction 02:29 What is Nest.js? 07:11 Sponsor: Ag Grid 08:14 Is Nest suited for one app over another? 20:46 How do guards work in Nest? 22:55 Consolidating logic 25:51 What gets in your way with Nest.js? 26:48 Sponsor: IdeaBlade 31:35 What does Middleware look like in Nest? 36:12 Final thoughts

Recording date: 2020-05-21

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Deborah Kurata @DeborahKurata
Brought to you by ag-Grid

Raygun

Resources: Joe Cocker: You can leave your (mask) on RxJS Docs Dan's Observable Store Angular Action Streams Ngrx Docs Maintaining an array of information with scan Learn RxJS RxJs Decision Tree (what do I use?) NgRx course RxJS course Bill Buford Bread in Lyon Getting Started with Azure Static Web Apps Timejumps 04:17 What are people doing with RxJS? 12:07 Sponsor: Raygun 12:37 What are common stumbling points? 19:56 What resources do you use to keep up? 23:41 Reactive forms 29:11 Sponsor: Ag Grid 30:15 Updating Pluralsight courses 40:58 Final thoughts

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

William Imoh @iChuloo
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: Frisby.js RESTful API testing Jasmine for testing Jest testing Postman API tool Insomnia API tool Swagger API documentation tool Joi API and Usage of Frisby with Auth tokens Faker.js Memory Maker book Azure Static Web Apps Elventy Elgato Key Light Timejumps 02:42 Guest introduction 04:25 What are Frisby and Jest? 05:37 How does Frisby make life easier? 06:42 What is Postman? 13:29 Sponsor: Ag Grid 14:30 Getting Joi from Frisby 18:50 How do you handle authentication? 25:41 Sponsor: Nrwl 26:14 How do you pass tokens or specify environment data? 28:08 Any frustrations with this set up? 31:16 How does it handle file uploads? 34:50 Final thoughts

Recording date: 2020-05-07

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Aristeidis Bampakos @abampakos
Brought to you by Visit preemptive.com/realtime for your FREE Realtime Demo of JSDefender. Test out for yourself what your code can look like obfuscated!

ag-Grid

Resources: Electron Chromium Node.js Main and Renderer processes Angular Visual Studio Code in Electron Slack on electron List of apps using electron GDPR TypeScript on Electron Bing Maps Google Maps Axios Electron quick start open layers Security Checklist for Electron apps Why Security for Electron How to fully disable the remote module Why remote is harmful NodeGUI Building Electron Apps with Ionic Capacitor NW.js Whatsapp and electron Electron governance Fermi Labs UniFi Dream Machine Profanis.me Aristideis on Medium devTo Timejumps 01:31 Guest introduction 04:59 What did Electron give you? 08:00 Sponsor: jsDefender 08:28 What are the benefits of Electron? 17:49 What is the interface between HTTP requests and electron apps? 21:38 What about security or authentication? 30:46 Sponsor: Ag Grid 31:52 Are there other security concerns when using Electron? 34:52 What are the alternatives to Electron? 39:14 Who owns Electron and what's the future? 42:22 Final thoughts

Recording date: 2020-04-28

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Gustavo Miranda LinkedIn
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: UseHooks.com Atomic Web Design Hooks State Redux Toolkit Writing custom hooks NOT reactive-react-redux Official react-redux + hooks React is becoming a black box Kent C. Dodds on testing custom hooks React-Query Timejumps 01:58 Guest introduction 03:05 What are React hooks and why are they important? 10:16 Sponsor: Ag-Grid 11:21 How do Hooks tie into moments in React? 12:43 What kind of application did you switch to use Hooks? 14:21 What is Atomic Design? 18:52 Did you have to change the way you think about React? 21:41 What was the learning curve like? 27:21 Sponsor: Nrwl 28:02 How do you use Hooks to manage state? 34:22 How do folks new to Hooks get started? 38:02 Final thoughts

Recording date: 2020-04-2

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Ryan Lanciaux @ryanlanciaux
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: RyanLanciaux.com Alton Brown Kitchen Confidential React Native Storybook React Brad Frost's Atomic Design book React props React Apps and DevOps on Azure Learning Storybook on Pluralsight React and Mongo react hooks and container presenter in react The hook brings you back No Soup For You Better frontend development with inspiration from the culinary world Cutthroat Kitchen Lego Masters Remix Blitz Timejumps 02:11 Guest introduction 09:00 Sponsor: Ag Grid 10:05 How does this help in software development? 17:00 How can this all go wrong? 26:53 Sponsor: Nrwl 27:39 The value of container presenters 31:16 How does this help me as a developer? 37:52 Final thoughts

Recording date: 2020-04-16

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Gil Fink @GilFink
Brought to you by
ag-Grid

IdeaBlade
Resources: Gil Fink React Hooks D3 Charts Arduino Code Playgrounds Uri Shaked Free Seminar on Getting Started with a Career in Web Development Scary documentary on the 1919 Flu Timejumps 00:29 Guest introduction 02:28 How are you using React? 10:11 Sponsor: Ag Grid 11:12 How did you make D3 work within React? 22:30 Don't make everything a hook 30:22 Sponsor: IdeaBlade 31:26 Wrapping third party elements 39:06 Final thoughts

Recording date: 2020-04-29

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Mitch Webster @mtwebster

Daria Grigoriu @DariaGrigoriu
Brought to you by
ag-Grid

IdeaBlade
Resources: Azure Static Web Apps GitHub Actions React Angular Vue Svelte Oryx Points of Presence Azure Functions Azure Tools Visual Studio Code Extension Azure Functions Extension Develop Azure Functions with VS Code Tutorial on how to refactor node.js and express APIs to Serverless with Azure Functions Develop Azure Functions by using Visual Studio Code Azure Functions documentation DarkNet Diaries #52 Timejumps 01:10 Guest introduction 02:35 What is the new offering from Azure? 03:21 Who is the target audience for this? 08:49 Sponsor: Ag Grid 09:47 Customize GitHub Actions 13:28 How is performance and speed? 17:20 What about custom domains? 19:51 Point of presence 21:41 What are the cons to this service? 25:44 Sponsor: IdeaBlade 26:51 What is the API situation? 29:58 How does authentication work? 34:29 Final thoughts

Recording date: 2020-04-14

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Chris @ChrisOnCode
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: Scotch.io Getting Started on Scotch.io React.js JAMStack Cloudflare for caching Optional Chaining Cache everything with Cloudflare Troy Hunt and Cloudflare Angular Elements Vue.js Algolia for instant search Scotch IO React Patagonia Immured Tutorial on how to build the scotch.io animated logo Rich Text Editor for React draft.js Prismic.io content platform GraphQL APIs on Contentful Strapi content distribution Sanity.io Gatsby Digital Ocean Webflow Hippo CMS gh, the new GitHub CLI

Recording date: 2020-04-09

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Daniel Roe @DanielcRoe
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: Vue Nuxt GraphQL Postgress Deploy Vue to Azure Postgress on Azure Nuxt and Server Side Rendering (SSR) Deploying Apollo and GraphQL with Azure Parent Scheme Zeit now Zeit now and lambda FAAS Serverless Functions and Nuxt CDN Nuxt Server Middleware Time To Interactivity (TTI) Daniel's word: floccinaucinihilipilification How to sound smart in your TEDx Talk Timejumps 01:41 Guest introduction 09:14 Sponsor: Ag Grid 10:19 What are Nuxt, Vue, and GraphQL? 13:25 Why is Server Side Rendering important? 20:59 Hosting on Lambda 29:08 Sponsor: Nrwl 29:43 How easy is it to go client rendered? 36:13 What's the difference between Nuxt and Vue? 40:33 Quicklinks 42:57 What are the challenges with Nuxt? 51:51 Final thoughts

Recording date: 2020-04-07

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Domenik @ReitznerDomenik
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: Svelte CSS Grid Svelte basics WebPack Rollup.JS Rollup in Svelte Sapper Svelte Chat Easiest Way to get Started with Svelte Svelte Tutorial NY Times Coronavirus Map Degit Folding at Home Timejumps 02:15 Guest introduction 04:59 What was it that drew you to Svelte for this project? 06:17 Why is there less boilerplate? 07:29 Sponsor: Nrwl 08:09 Webpack and Rollup.js 12:09 Did you miss not having a cli? 15:06 What's it like developing with Svelte? 24:57 What is the magic in the bundle? 32:26 Sponsor: Ag Grid 33:33 Why might someone not want to use Svelte? 43:00 Final thoughts

Recording date: 2020-03-24

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Naomi Meyer @Nae_Ohmi
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: What's the difference between i18n and l10n? I18n on Azure Video of Naomi Meyer presening i18n and l10n at AngularConnect intl object in javascript intl object in caniuse.com React Intl Angular i18n Vue i18n Svelte i18n Spectrum International Design What every JavaScript developer should know about Unicode momentJS React Berlin Data Visualizations and Internationalization Date Fns - Date library Content Localization on Azure CodeTour VS Code Extension The VS Code Extension for Code Tour by Jonathan Carter Timejumps 02:44 Guest introduction 04:52 What are the terms we're talking about? 10:01 Why should we care about this? 11:10 Sponsor: Narwhal 11:43 Advice for designers building sites 16:35 What about ALT text? 27:30 Is it worth the extra time and investment? 33:28 Sponsor: Ag Grid 34:27 How do I work with unicode? 39:41 Final thoughts

Recording date: 2020-03-19

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Santosh Yadav @SantoshYadavDev
Brought to you by
ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources: Grunt.js Gulp.js WebPack Parcel JS Angular Builders Custom Webpack Ionic NGX Build Plus Manfred Steyer NgRx Minko Gechev Angular Builders Netlify Angular deploy to netlify, azure, aws Wassim Chegham Shmuela Jacobs Chris Noring Netlify builder for angular ng deploy azure SSR (server side rendering) in Angular Universal Changing the react build Bob the Builder 5 Actions You Can Take to Reduce Anxiety, Stress, and Increase Overall Well Being Timejumps 01:27 Topic and guest introduction 02:14 What is a Javascript build? 06:14 How does Webpack help? 09:35 Sponsor: Ag Grid 10:43 What is a builder? 31:35 Sponsor: Narwhal 37:02 Final thoughts

Recording date: 2020-03-03

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Keilla Fernandes @keillamenezes_
Brought to you by
ag-Grid

IdeaBlade
Resources: Abbott & Castello "Who's on First" Angular Ivy RxJS lie-fi Service Worker Using web workers Web Worker API Caching files with a service worker Navigator OnLine API for detecting network in a browser Redux React.js IndexedDb redux persist The App Shell Progressive Web Apps Debugging Tools in the browser Creating a service worker in Create React app Creating a service worker in the Vue CLI SapperUpdating service workers - The Service Worker lifecycle Google tutorial on debugging service workers in Chrome Mistakes Junior React Developers Make Get started with PWAs on Azure Add DevOps to a Gatsby app with PWA features Keilla at the DevIntersection event in Orlando April 2020 Timejumps 02:36 Guest introduction 03:55 What are service workers? 07:53 Where could people be using service workers? 08:46 Sponsor: Ag Grid 09:51 How do I keep everything fresh and in sync? 28:33 Sponsor: IdeaBlade 29:33 Chrome Developer tools and service workers 31:20 Service workers and push notifications 32:33 Do I need to worry about service workers? 37:39 How does HTTP and caching work? 40:38 Final thoughts