Web Rush

Recording date: 3/31/2002

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Simon MacDonald @Macdonst

• AG Grid

• Ionic

• Functional Web Apps
• Server Side Generation vs Incremental Static Generation
• Begin
• Architect
• Web Components
• YAGNI

• 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

• AG Grid

• Narwhal

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

• 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

• 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

• AG Grid

• Ionic

• 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

• 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

• Narwhal

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

• AG Grid

• 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

• 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

• AG Grid

• Ionic

• 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

• 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

• AG Grid

• Narwhal

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

• Anvil
• Skulpt
• Skulpt on GitHub
• Web Assembly
• Brython
• Transcrypt
• Pyodide
• Abstract Syntax Tree (AST)
• Symbolic Execution

• 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

• AG Grid

• Ionic

• 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

• 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

• AG Grid

• Narwhal

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

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

• 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

• AG Grid

• Ionic

• Aristeidis on Medium
• Learning Angular (book)
• Google Developer Expert
• Angular Projects

• 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

• AG Grid

• Narwhal

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

• 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

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