Web Rush

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Sam Artioli @SamArtioli

ag-Grid

IdeaBlade

• 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

• 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

• IdeaBlade

• Narwhal

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

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

• 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

• ag-Grid

• IdeaBlade

• 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

• 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

• ag-Grid

• Narwhal

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

• 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

• 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

• ag-Grid

• IdeaBlade

• 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

• 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

• ag-Grid

• Narwhal

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

• 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

• 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

• ag-Grid

• IdeaBlade

• 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

Flies in and out

• 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

• ag-Grid

• Narwhal

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

• 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

• 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

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

• 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

• 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

• ag-Grid

• Narwhal

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

• 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

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