Web Rush

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Michael Shilman @MShilman

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

• Storybook on Twitter
• Storybook web site
• How to test you design your system
• What is storybook and how can I use it to create a component library in react?
• How to build JS components with Storybook
• Fluid Framework Playground (demos using Storybook)
• Figma
• Storybook - When, Why, and How
• Multiple technologies can be “combined” into a single Storybook
• Set up a ci/cd pipeline for storybook using GitLab
• Deploy Storybook to an Azure storage static website with Azure DevOps Pipelines
• Storybook - getting started on Pluralsight
• Storybook docs
• Storybook and MDX
• Visual testing with Storybook using Chromatic
• The Musketeers tv show on BBC

• 01:26:00 What's in a name?
• 04:35:03 Guest introduction
• 06:17:13 What is Storybook?
• 12:15:01 Sponsor: Raygun
• 12:52:06 Why use Storybook?
• 21:04:11 Adding MDX
• 27:03:17 Can I use Storybook in my CI process?
• 32:42:04 Sponsor: Ag Grid
• 33:50:12 How does Storybook handle client change requests?
• 40:55:02 How do different technologies work with Storybook?
• 42:54:12 How do I get started with Storybook?
• 44:31:11 Final thoughts

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

Recording date: Oct 8, 2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Randall Kanna @RandallKanna

• ag-Grid

• Narwhal

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

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.

• The Standout Developer
• Randall Kanna’s website
• Etherium
• Bitcoin
• Ruby on Rails
• Node.js
• LinkedIn
• Ember
• React.js
• Blog site at dev.to
• iOS and Swift
• Randall Kanna video on React and Truffle
• Ask Trim

• 02:08 Guest introduction
• 04:29 What inspired you to write this book?
• 09:51 What is Etherium?
• 12:19 Sponsor: Ag Grid
• 13:33 What do they teach in boot camps?
• 16:04 How do you get your first job?
• 29:00 How do you stand out with your resume?
• 44:39 Sponsor: Nrwl
• 45:19 Using this information for jobs in the future
• 48:51 What's the story in your career?
• 53:43 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

Madison Kanna @MadisonKanna

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

• MadisonKanna.com
• Code Book Club
• FreeCodeCamp
• Front End Masters
• Egghead
• Brian Holt
• Jem Young
• Become a CodeBookClub host
• Here's the form to fill out if you'd like to become a host!
• You Don’t Know JS series
• Madison Kanna on FreeCodeCamp

• 01:45 Guest introduction
• 03:49 Is college important?
• 06:52 Resources to get started
• 10:09 Sponsor: Raygun
• 10:46 What does Freecodecamp offer?
• 11:37 What is Code Book Club?
• 15:57 You Don't Know JS series
• 19:43 Working in cyber security
• 22:10 Work and passion time management
• 23:26 Sponsor: Ag Grid
• 24:29 Any tips for learning coding?
• 29:41 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

Kevin Åberg Kultalahti @kevmodrome

• ag-Grid

• Narwhal

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

• Kevin on GitHub
• Svelte Forms on GitHub
• Svelete Discord
• John Candy movies
• Svelte
• React
• EasyForms
• Formee library
• Yup
• Reactivity in Svelte
• Try Svelte Forms in the Svelte REPL
• Svelte Stores
• Svelte Society - community -on Twitter
• Svelte community on Discord
• Mad Max Beyond Thunderdome
• Tutorial on creating Svelte Actions
• Pug
• RxJS Docs page … open the browser tools and enjoy!
• Plato
• Aristotle

• 02:18 Guest introduction
• 04:01 How did you decide to work on forms for Svelte?
• 07:45 How does Svelte Forms make life easier over HTML?
• 09:21 Sponsor: Nrwl
• 10:05 What features seperate you from other libraries?
• 20:51 How do you handle validation?
• 26:35 What's a view model?
• 30:00 How does extensibility work?
• 37:40 How is styling handled?
• 39:05 Sponsor: Ag Grid
• 40:18 Other projects on the go?
• 42:29 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

Devin Shoemaker @ParanoidCoder

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

• Nx
• Monorepos on Real Talk JavaScript
• Nx and React
• Lerna tools for managing javascript projects with multiple packages
• Nx and Angular
• Vue support in Nx
• Angular schematics
• Bob the Builder
• Fast framework
• Fast design
• Enterprise Monorepo and Angular Patterns book
• Nx community
• ker : Extending Schematics in an Nx Plugin
• Ionic React with Nx
• Nx course on YouTube
• List of supported plugins with Nx
• Schematics Authoring

• 02:51 Guest introduction
• 04:26 What is NX and who is it for?
• 14:43 How granular can you get with a plugin?
• 17:05 Sponsor: Ag Grid
• 18:38 Schematics and builders
• 23:20 What have you created as plugins?
• 32:29 What resources do you have access to?
• 34:20 Sponsor: Raygun
• 34:56 Supporting open source projects
• 38:41 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

Tomomi Imura @Girlie_Mac

• ag-Grid

• Narwhal

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

• 01:41 Guest introduction
• 05:48 What inspired you to create these?
• 11:06 Sponsor: Nrwl
• 11:48 Sketch notes
• 18:12 What is sketch noting?
• 22:58 What tools do you use for sketch noting?
• 34:26 How do you start crafting a talk?
• 36:23 Sponsor: Ag Grid
• 37:34 Final thoughts

• HTTP Cats
• GitHub repo
• ES6 Spread Operator
• Git Commands explained with Cars
• RegEx
• Example of Sketchnoting from Tomomi
• Copic markers
• Procreate for the iPad
• Field Notes books
• Verbal to Visual Sketchnoting videos
• @Chiuki
• The Sketchnote handbook and workbook
• Mike Rodhe and Sketchnoting on Twitter
• Nitya Narasimhan on Twitter
• Tomomi at DevRelCon Tokyo
• Fluid Framework
• Let's get chatty with conversational interface with JavaScript
• Tenet

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

Recording date: 2020-05-14

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Laurie Barth @LaurieOnTech

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

• Gatsby
• Angular Docs
• Marcy Sutton
• Node.js
• Gatsby Docs
• Gatsby Cloud
• Peacock docs
• Documentation template
• Stripe docs
• MDN docs
• Drink a v8
• Vue Router
• Yarn docs
• 2ality
• Alligator
• V8
• Lauries course on Vue Router at Egghead
• UnifiHD wifi networking

• 01:13 Guest introduction
• 02:31 What do you do at Gatsby?
• 04:35 Organizing principles of docs
• 12:02 Sponsor: Ag Grid
• 13:06 Do people know the terms in a doc?
• 21:48 How can people learn to write better docs?
• 29:55 Sponsor: Raygun
• 30:27 What's the first thing you should do with docs?
• 40:50 How do you do SEO for docs?
• 46:08 Final thoughts

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

Recording date: 9/4/2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Mike Hartington @MHartington

• ag-Grid

• Narwhal

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

• Bet on the Web
• Capacitor
• Native React Apps without React Native
• Geolocation on capacitor
• Geolocation on CanIUse.com
• What is Geofence
• Apache Cordova
• Cordova vs Capacitor
• Capacitor and Storage
• IndexedDb
• jQuery
• jQuery 2006
• Progressive Web Apps (PWA)
• "Hand Covers Bruise"
• Capacitor For Vue
• Capacitor for Ember

• 02:03 Talking podcasting
• 05:49 What is Capacitor?
• 12:20 Exporting contacts data
• 13:39 Sponsor: Ag Grid
• 14:36 Geofencing
• 17:54 What's the difference between Cordova and Capacitor?
• 22:04 How does Capacitor deal with storage?
• 30:53 Sponsor: Nrwl
• 31:23 Can I use Capacitor with Vue?
• 37:14 Can you bring your own framework?
• 41:36 Why bother with Capicator instead of building native?
• 45:55 Final thoughts

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

Recording date: 8/27/2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Orta Therox @Orta

• ag-Grid

• Narwhal

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

• Svelte
• TypeScript
• Svelte and TypeScript
• TypeScript and React
• Vue 2 and TypeScript
• Vue 3 and TypeScript
• Backbone.js
• Svelte extension for vs code
• Language Extensions for VS Code
• Compiler Option in Typescript
• TypeScript basic types
• Sapper and Svelte
• Svelte store
• Orta on YouTube

• 01:31 Guest introduction
• 03:31 What's happening with Svelte and Typescript
• 09:10 Sponsor: Nrwl
• 09:49 How did Typescript infiltrate Svelte?
• 30:02 Sponsor: Ag Grid
• 31:03 Should we use any?
• 38:50 What's sapper?
• 40:00 What client side data management tools are there?
• 41:29 Final thoughts

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

Recording date: August 25, 2020

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Alan Davalos @AlanGDavalos

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

• Web Components
• Shadow DOM
• Render HTML with Vanilla JavaScript and LitHTML
• CSS Encapsulation
• lit-html
• Polymer Project
• LitElement
• LitElement with Vue.js
• Model Viewer
• Iooxa
• Haunted
• Defining a property in LitElement
• Events in LitElement
• Web Component Benchmark
• FAST
• Vanilla JavaScript and HTML - No frameworks. No libraries. No problem
• Web Component Benchmark
• Open WC

Cool Components (LitElement)

• Modelviewer
• Stripe Elements
• WiredJS
• Chessboard elements
• Uni Virtualizer
• Iooxa
• Apollo Elements
• Lottie Player

Cool Components (Not LitElement)

• CSS Doodle
• Shader Doodle
• Block Link
• Button Element on Google Pay

White Label Components

• Lion
• Generic Components
• Alan on Dev.to

• 01:32 Guest introduction
• 02:50 What is LitElement?
• 07:17 What is CSS encapsulation?
• 10:18 Sponsor: Raygun
• 10:49 Wrapping everything into a component
• 13:34 How does LitElement help with templating?
• 22:57 Is LitElement able to integrate with other components?
• 35:56 How do you define an attribute value?
• 40:33 Sponsor: Ag Grid
• 41:34 How does Fast compare with LitElements?
• 47:42 Where to go to learn more
• 50:13 Final thoughts

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