Web Rush

Recording date: August 20, 2020

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.

• 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

• 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

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

• 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

• 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

ag-Grid

Narwhal

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

• 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

• 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

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.

• 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

• 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

• ag-Grid

• Narwhal

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

• 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

• 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

• IdeaBlade

• ag-Grid

• 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

• ag-Grid

• Narwhal

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

• 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

• 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

• ag-Grid

• Narwhal

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

• The Squiggly Career
• Make it Stick
• CSS Tricks
• How to Win Friends and Influence People
• Designing Your Life

• 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

• ag-Grid

• IdeaBlade

• 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

• 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

• ag-Grid

• Raygun

• 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

• 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