Web Rush

Recording date: Aug 11, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Ron Au @Ronvoluted

• AG Grid

• IdeaBlade

• Ron Au on the web
• Ron Au upcoming talk on scrollytelling with Svelte
• Huggingface
• Svelte
• Svelte Kit
• Sapper and Svelte
• Web Hydration
• What is Hydration in SvelteKit
• Svelte Repl
• Elder JS on episode 158 of Web Rush
• ElderJS
• Qwik on the Web Rush podcast
• Qwik framework
• Should you use Svelte in production?
• Rich Harris on frameworks organising your mind, not code
• John Papa’s Shop at Home
• Precursor to Svelte, Ractive.js
• Hugging Face and Svelte
• What is social Engineering?
• Web Animations API
• Svelte transitions
• Rich Harris on Web Rush on Single and Multi page applications - episode 153
• What is a a CMS
• The Browser Wars

• 00:49 Welcome
• 03:05 Guest introduction
• 03:53 What is HuggingFace?
• 06:03 How do you use Svelte at HuggingFace?
• 09:09 Sponsor: Ag Grid
• 10:12 What should you think about when making a production version?
• 14:14 What is hydration and why do I care?
• 18:14 How does Svelte scale up?
• 36:21 Sponsor: IdeaBlade
• 37:22 What are your favorite features of Svelte?
• 40:01 How does Svelte help when working on clients sites?
• 45:17 Final thoughts

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

Recording date: 08/03/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

• AG Grid

• Narwhal

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

• Why you should hire a database administrator
• DCOM
• VB6
• ASP.NET WebForms

• 00:29 Kicking off the topic right
• 01:56 Being afraid to look bad
• 04:00 Enrollment system mistake
• 09:16 Sponsor: Nrwl
• 09:38 Wire transfer security mistake
• 14:18 Production deploy mistake
• 21:50 Sponsor: Ag Grid
• 22:47 Sharepoint deployment mistake
• 28:32 Credit card company mistake

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

Recording date: July 28, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Minko Gechev @mgechev

• AG Grid

• IdeaBlade

• Minko Gechev on GitHub
• Tools for Faster Applications
• Quicklinks Angular Prefetching Preloading Strategy
• Angular 14 release article
• Angular CLI
• NextJS framework
• Svelte Kit framework
• Google Developer Tools Stack Trace
• Standalone components in Angular
• ng update
• Less Angular Could be More Angular - video from John at ngConf 2021
• Rx Js
• Next.js image component
• ng-conf 2022
• Dependency injection in Angular
• Injection Function in Angular 14
• Axios
• HttpClient in Angular
• Angular on Twitter
• Vite.js
• Evan You on Twitter

• 00:39 Ward's buzz
• 02:35 Guest introduction
• 06:09 Sponsor: Ag Grid
• 07:04 Who is Angular for in 2022?
• 17:13 Does Angular 14 address the complexity?
• 20:24 What makes components different in Angular?
• 27:36 Sponsor: IdeaBlade
• 28:39 More Angular could be less Angular
• 36:29 Final thoughts

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

Recording date: July 22, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Gen Ashley @CoderInHeels

• AG Grid

• Narwhal

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

• Gen is the Founder of TECH(K)NOW Day
• Modern Frontends Live!
• Google Women Techmakers
• Svelte Sirens
• Meetup.com
• SvelteJS
• NASA Space Apps Challenge London
• Twitter Community
• Ada’s List
• Coed:Code
• OpenTechSchool London
• TensorFlow JS
• Jessica Alba: Marvel Is ‘Still Quite Caucasian’ Despite ‘Business Initiative’ of Racial Diversity

• 00:49 Coming late to a project
• 02:49 Guest introduction
• 06:11 What got you interested in supporting women in tech?
• 10:37 What is Coed:Code?
• 11:35 Sponsor: Nrwl
• 12:06 Using Meetup.com to organize
• 14:41 What progress are you seeing? What impediments?
• 18:42 What can we do to be more inclusive?
• 27:49 Sponsor: Ag Grid
• 28:46 How can we encourage more women to be speakers at conferences?
• 33:35 Final thoughts

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

Recording date: 7/14/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Brian Holt @Holtbt

• AG Grid

• IdeaBlade

• Stripe API Documentation
• Payment Gateway
• Stripe Shell
• Brian Holt classes on Front End Masters
• Figma
• Rust programming language
• Go programming language
• Stripe Multi-Language Documentation/Examples
• Payment Methods API
• What does a software Product Manager Do?
• Azure App Service
• Sarah Drasner
• Azure Developer CLI
• Brian Holt’s AZ EZ
• Frontend Masters

• 00:59 Guest introduction
• 02:11 What is it about developer tools that you enjoy?
• 05:19 What problems are you seeing day to day at Stripe?
• 08:24 Sponsor: Ag Grid
• 09:31 How much of developer tooling do you connect with?
• 12:44 Convention over configuration?
• 14:35 What's the hardest part to get right?
• 18:40 How do you know what users really want?
• 22:35 Sponsor: IdeaBlade
• 23:28 What's been your journey to PM role?
• 32:03 In what ways did being an engineer help you as a PM?
• 37:31 Final thoughts

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

Recording date: 07/07/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Miski Hevery @MHevery

• AG Grid

• Narwhal

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

• Misko Hevery
• Qwik
• Preload
• Prefetching
• Lazy vs eager loading
• Qwik API documentation
• Microfront ends
• Qwik Playground
• Qwik City
• Qwik Tutorials
• Qwik Examples

• 00:40 Guest introduction
• 01:29 Why create another framework?
• 03:05 What is Qwik?
• 09:07 Sponsor: Nrwl
• 09:43 Lazy loading issues
• 12:47 How should app developers think about these issues?
• 18:44 Does Qwik take care of implementation details?
• 22:31 Sponsor: Ag Grid
• 23:33 Who is the target for Qwik?
• 29:27 What is Qwik City?
• 30:32 What's Qwik's developer experience?
• 33:56 What is Qwikify React?
• 37:22 How should someone check out Qwik?

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

Recording date: 06/30/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Waldek Mastykarz @Waldekm

• AG Grid

• IdeaBlade

• Waldek Mastykarz blog
• Microsoft Teams
• Teams Toolkit
• VS Code extension
• GitHub app for Teams
• Include a SaaS offer with your Teams app
• Build apps for Microsoft Teams (Docs)
• Design your tab for Microsoft Teams
• Teams Message Extensions
• Designing your Microsoft Teams meeting extension
• Create a bot
• Ngrok
• Bots in Microsoft Teams
• Microsoft Graph
• The Back of a Napkin
• Teams-angular

• 01:13 Guest introduction
• 02:51 Why did you start building apps for Teams?
• 04:40 What benefit is there to use Teams?
• 06:44 Can apps leverage the Teams infrastructure?
• 08:26 Sponsor: Ag Grid
• 09:28 Do you have examples of apps developed for Teams?
• 15:28 What is the developer experience of building an app for Teams?
• 20:17 What events or app life cycle are devs going to want to use?
• 25:17 Sponsor: IdeaBlade
• 26:13 How easy is it to bring an existing app into Teams?
• 29:32 Are apps isolated from Teams?
• 31:03 What are some use cases for bots inside Teams?
• 32:54 What is debugging a Teams app like?
• 39:20 What is the query language for Microsoft graph?
• 40:35 Final thoughts

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

Recording date: 06/23/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Aristeidis Bampakos @Abampakos

• AG Grid

• Narwhal

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

• Becoming A Tech Author During The Pandemic with Aristeidis Bampakos
• Localizing Angular
• Localize docs
• Fencing World Championships
• Localization vs Internationalization
• Angular docs in Greek language
• Greek Angular Docs repository
• George Kalpakas on Twitter

• 00:20 Welcome
• 02:20 Guest introduction
• 03:38 Topic introduction
• 07:01 Sponsor: Nrwl
• 07:37 Learning Angular in different languages
• 11:12 How do you deal with images?
• 12:01 What about using Google Translate?
• 14:48 Does crowd sourcing work?
• 19:06 Sponsor: Ag Grid
• 20:06 Angular is a global team
• 23:11 Final thoughts

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

Recording date: Jun 16, 2022

John Papa @John_Papa

Dan Wahlin @DanWahlin

Katerina Skroumpelou on @psybercity

• AG Grid

• IdeaBlade

• Integrating Nx and Lerna
• Nx is taking stewardship of Lerna.js
• Google Maps with Katerina on Web Rush episode 138
• Nx open source tool for monorepos and builds
• Lerna
• Monorepo tools
• Visit Greece
• What’s a monolith?
• What is CI?
• Symbolic Links
• Updating Angular with ng update
• Welcome to Nx workspaces video
• Nx Docs
• Nx and React
• Nx and TypeScript
• Nx and Angular
• Storybook and Nx
• Obi Wan Kenobi on Disney+
• Solar output and high heat
• Victor’s monorepo blog post

Background story:

• Nrwl stewardship announcement:
• 1st Nrwl blog post about Lerna:
• Another blog post about Lerna
• Announcement of 5.1

Lerna and Nx:

• Nx without plugins is basically Lerna with Nx
• Integrating with Nx
• Distributed Task Execution
• Monorepo tools

How to Learn(a)

• Victor's video
• Nx philosophy
• Tutorial with video

Examples repos:

• Getting Started
• Benchmark
• Setting up DTE (distributed task execution)

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

Recording date: Jun 9, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

• AG Grid

• Narwhal

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

• The Standalone Components RFC
• Nethan Basal on new inject function in Ng v14
• Angular 14 release article
• Angular docs
• Standalone components in Angular
• Example repo with vue, react, angular, svelte to compare techniques
• Using a child component in Vue with options API
• Using a child component in Vue with composition API
• Video of Accessibility in Angular
• Angular Diagnostics blog post
• Angular Jumpstart Repo
• ng update

• 01:39 Topic introduction
• 02:41 What is Angular 14?
• 08:43 Sponsor: Nrwl
• 09:19 How has moving to a module-less world changed?
• 13:44 What about in React, Svelte, or Vue?
• 19:28 What changes if you're using ng modules?
• 22:57 Sponsor: Ag Grid
• 24:00 Smaller improvements in Angular 14
• 26:41 What are tree shakable error messages?
• 30:15 How do you like bananas in a box in Angular 14?
• 31:23 The inject function
• 34:02 Is Angular improved by version 14?
• 38:10 Final thoughts

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