Web Rush

Recording date: 2020-03-19

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Santosh Yadav @SantoshYadavDev

• ag-Grid

• Narwhal

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

• Grunt.js
• Gulp.js
• WebPack
• Parcel JS
• Angular Builders
• Custom Webpack
• Ionic
• NGX Build Plus
• Manfred Steyer
• NgRx
• Minko Gechev
• Angular Builders
• Netlify
• Angular deploy to netlify, azure, aws
• Wassim Chegham
• Shmuela Jacobs
• Chris Noring
• Netlify builder for angular
• ng deploy azure
• SSR (server side rendering) in Angular Universal
• Changing the react build
• Bob the Builder
• 5 Actions You Can Take to Reduce Anxiety, Stress, and Increase Overall Well Being

• 01:27 Topic and guest introduction
• 02:14 What is a Javascript build?
• 06:14 How does Webpack help?
• 09:35 Sponsor: Ag Grid
• 10:43 What is a builder?
• 31:35 Sponsor: Narwhal
• 37:02 Final thoughts

Recording date: 2020-03-03

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Keilla Fernandes @keillamenezes_

• ag-Grid

• IdeaBlade

• Abbott & Castello "Who's on First"
• Angular Ivy
• RxJS
• lie-fi
• Service Worker
• Using web workers
• Web Worker API
• Caching files with a service worker
• Navigator OnLine API for detecting network in a browser
• Redux
• React.js
• IndexedDb
• redux persist
• The App Shell
• Progressive Web Apps
• Debugging Tools in the browser
• Creating a service worker in Create React app
• Creating a service worker in the Vue CLI
• SapperUpdating service workers - The Service Worker lifecycle
• Google tutorial on debugging service workers in Chrome
• Mistakes Junior React Developers Make
• Get started with PWAs on Azure
• Add DevOps to a Gatsby app with PWA features
• Keilla at the DevIntersection event in Orlando April 2020

• 02:36 Guest introduction
• 03:55 What are service workers?
• 07:53 Where could people be using service workers?
• 08:46 Sponsor: Ag Grid
• 09:51 How do I keep everything fresh and in sync?
• 28:33 Sponsor: IdeaBlade
• 29:33 Chrome Developer tools and service workers
• 31:20 Service workers and push notifications
• 32:33 Do I need to worry about service workers?
• 37:39 How does HTTP and caching work?
• 40:38 Final thoughts

Recording date: 2020-02-25

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Christina Warren @film_girl

• ag-Grid

• IdeaBlade

• WSL
• React Native
• NPM JS
• NVM Windows
• N
• Brew
• Chocolatey
• Scoop
• Azure CLI
• Docker
• Hub
• Hugo
• This Week on Channel 9
• YouTube DL
• First 10 macOS Apps I Install
• Brett Terpstra
• iTerm 2
• OhMyZsh
• macOS Catalina
• Windows Defender
• Use your iPad as a second display for your Mac with Sidecar
• Alfred
• Better Snap Tool
• Default Folder X

• Vue JS Documentary
• The Trouble With Cobalt | Answers With Joe
• JS Paint

• 01:19 Guest introduction
• 05:33 What's it like to develop on a Mac?
• 11:18 Sponsor: Ag Grid
• 12:23 What's a compelling reason to use Mac over Windows?
• 18:40 What do you use Homebrew for?
• 28:13 Sponsor: IdeaBlade
• 29:17 What's your take on Catalina?
• 40:03 What's a dot file?
• 48:38 Final thoughts

Recording date: 2020-02-13

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Jenn Creighton @GurlCode

• ag-Grid

• Jenn Creighton on Notist
• UseReactNYC
• CircleCI
• VS Code
• Expo
• Start React Native

• 02:08 What is React Native?
• 09:47 Sponsor: Ag Grid
• 10:52 iOS vs Android development
• 17:15 What sort of speed bumps did you hit along the way?
• 28:28 What do you do for debugging?
• 29:56 Sponsor: IdeaBlade
• 31:05 Opportunities for talks and blogging
• 35:41 Did you consider any other solutions?
• 39:20 Final thoughts

Recording date: 2020-02-11

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Paul Campbell @Paulca

• Tito
• DNSimple
• Balancing Dads Podcast
• Vue
• JSConf
• Coffeescript
• Ruby on Rails
• Turbolinks
• Webpack
• Frankenstein
• Vue router
• Rails Turbolinks
• Vuex
• Vue dev tools
• What is SPA
• Backbone

• 01:34 Guest introduction
• 08:57 What you've launched is...
• 10:38 Sponsor: Ag Grid
• 11:49 What is Tito?
• 19:42 Was Vue X easy to implement?
• 21:38 What kind of data did you need to use?
• 27:11 How do you handle things going wrong?
• 33:15 Sponsor: IdeaBlade
• 34:25 What was the most delightful thing about developing with Vue
• 36:20 What about a bad experience?
• 41:41 What's new and coming out in Tito?
• 43:59 Final thoughts

Recording date: 2020-01-28

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Laurie Barth @LaurieOnTech

• Peacock Plugin for vscode instructional video by Laurie Barth
• Jekyll to Gatsby
• Readable Code at ng-Conf by John Papa
• Peacock extension for VS Code
• Meet Laurie at DevIntersection
• Conditional ternary operator
• Flux Capacitor
• Dan Abramov
• an opinion on let vs const
• Optional chainingJavaScript
• Immutability in JavaScript
• Chris Love on let vs const
• BikeShedding
• Linters and Aleksandra Shinkevich on Real Talk JavaScript
• yakshaving
• Comments in code
• More opinions on Comments in Code
• Gatsby documentation and quick start
• Azure

Recording date: 2020-01-23

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Kapehe @Kapehe_ok

• Promises vs RXJS Observables
• Promises
• RXJS Observables
• Unicast
• Multicast
• RX Library in angular
• RXJS operators
• BlueBird.js
• Fibonacci
• Auth0 blog

• 01:16:00 Guest introduction
• 05:06:16 5 Points to consider
• 09:38:12 Sponsor: Ag Grid
• 12:35:20 If your project is small...
• 13:09:00 Unicast and multicast
• 16:17:00 How do you choose between them?
• 29:33:05 Sponsor: IdeaBlade
• 30:37:18 Which one should people be using?
• 33:06:00 What sort of reaction do you get from people?
• 35:17:18 Final thoughts

Recording date: 2020-01-21

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Cher Cher on Twitter

• Starbucks PWA
• React
• React and ASP.NET Core
• Vue
• Progressive Web Apps (PWAs)
• Case Study on the Starbucks PWA
• Blizzard
• Backbone.js
• Django
• Dreamweaver
• React and Redux
• Webflow apps
• React's context for state
• marko js from eBay
• Intro to React hooks
• Vue composition api
• Vue composition api in the wild

• 01:17:17 Guest introduction
• 04:38:11 Why go PWA?
• 08:08:16 Can you characterize PWA user vs mobile app user?
• 10:21:20 Moving from Vue to React
• 18:09:00 How did you handle data?
• 25:09:00 Sponsor: IdeaBlade
• 26:08:12 Writing with hooks and functional components

Recording date: 2020-01-14

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Micah Godbolt @MicahGodbolt

• Who are design systems for?
• Design Systems are a language
• Tailwind CSS
• Bootstrap
• Material Design
• CSS Preprocessors
• Fluent Design system from Microsoft
• Half-pipes
• Front End Architectures for Design Systems / Frontend Architecture for Design Systems: A Modern Blueprint for Scalable and Sustainable Websites
• Step by Step Guide
• Honoring Scott Allen, a friend and one of the kind souls in this world

• 02:20 Guest introduction
• 03:31 What is a design system?
• 08:53 Sponsor: Ag Grid
• 09:56 Bootstrap, Tailwind, Material?
• 19:18 Sponsor: IdeaBlade
• 20:32 How does a design system help?
• 23:49 When is a design system not worth your time?
• 26:15 How to show ROI for a design system?
• 29:30 How have design systems solved problems?
• 33:46 How do you learn more about design systems?
• 39:45 Final thoughts

Recording date: 2020-01-07

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Alexander Lichter @TheAlexLichter

• Alex’s Blog
• Elon Musk dancing at the Shanghai Factory Ceremony
• Tesla
• Nuxt.js
• Vue.js
• Vue CLI
• Server side rendering (SSR)
• Next.js for React
• React
• Scully SSR for Angular
• SEO starter guide
• Vuex
• Great set of "live" examples
• Deploying Nuxt on Azure
• List of Nuxt modules
• Nuxt core team
• JamStack
• Talk from Debbie O'Brien about Nuxt + JAMstack
• JamStack Conf

• Scott Adams How to Fail At Almost Everything and Still Win Big
• Sprockets

• 02:14:00 Guest introduction
• 03:28:06 What is Nuxt.js?
• 06:58:00 Reasons to use Nuxt
• 09:32:12 Sponsor: Ag Grid
• 10:31:00 What's wrong with Vue?
• 20:45:00 Async data and Nuxt?
• 22:01:00 What do you have to think about differently with Nuxt and SSR?
• 30:14:00 Sponsor: IdeaBlade
• 31:21:00 Why go Javascript in the first place?
• 35:26:00 Can Nuxt help with PWA's?
• 40:43:12 How do Nuxt and Vue teams work together?
• 41:48:00 Final thoughts