Web Rush

Recording date: 03/18/2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Kelly Vaughn @Kvlly

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

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

• 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

• 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

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

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

• 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

• 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

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

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

• Moo Tools
• Vudu
• Vanilla JS
• Feature detection
• HTML5 codec
• Refactoring
• JavaScript modules
• Progressive Web Apps
• XHR requests

• 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

• AG Grid

• IdeaBlade

• 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

• 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

AG Grid

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

• 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

• 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

• ag-Grid

• IdeaBlade

• 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

• 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

• ag-Grid

• Narwhal

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

• 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

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