Recording date: 2020-03-19 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Santosh Yadav @SantoshYadavDev Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: 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 ...
Apr 28, 2020•41 min•Ep. 81
Recording date: 2020-03-03 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Keilla Fernandes @keillamenezes_ Brought to you by ag-Grid IdeaBlade Resources: 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 th...
Apr 21, 2020•47 min•Ep. 80
Recording date: 2020-02-25 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Christina Warren @film_girl Brought to you by ag-Grid IdeaBlade Resources: 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 Defaul...
Apr 14, 2020•53 min•Ep. 79
Recording date: 2020-02-13 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Jenn Creighton @GurlCode Sponsors: ag-Grid Resources: Jenn Creighton on Notist UseReactNYC CircleCI VS Code Expo Start React Native Timejumps 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...
Apr 07, 2020•43 min•Ep. 78
Recording date: 2020-02-11 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Paul Campbell @Paulca Resources: 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 Timejumps 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 ...
Mar 31, 2020•48 min•Ep. 77
Recording date: 2020-01-28 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Laurie Barth @LaurieOnTech Resources: 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 con...
Mar 24, 2020•49 min•Ep. 76
Recording date: 2020-01-23 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kapehe @Kapehe_ok Resources: Promises vs RXJS Observables Promises RXJS Observables Unicast Multicast RX Library in angular RXJS operators BlueBird.js Fibonacci Auth0 blog Timejumps 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:...
Mar 17, 2020•38 min•Ep. 75
Recording date: 2020-01-21 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Cher Cher on Twitter Resources: 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 Timejumps 01:17:17 Guest introduction 04:38:11 Why g...
Mar 10, 2020•33 min•Ep. 74
Recording date: 2020-01-14 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Micah Godbolt @MicahGodbolt Resources: 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...
Mar 03, 2020•44 min•Ep. 73
Recording date: 2020-01-07 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Alexander Lichter @TheAlexLichter Resources: 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 + JAMstac...
Feb 25, 2020•46 min•Ep. 72
Recording date: 2020-01-02 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Jeremy Likness @JeremyLikness Resources: jQuery Fundamentals Browser wars New in JavaScript jQuery JavaScript patterns HTML5 Timeline TypeScript Angular Architecture course at Pluralsight by Dan Wahlin Timejumps 01:59 Guest introduction 08:34 Why is Javascript better today? 11:05 Sponsor: Ag Grid 12:06 jQuery normalizing the DOM 23:32 What's worked and what hasn't worked? 32:...
Feb 18, 2020•51 min•Ep. 71
Recording date: 2019-12-12 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ken Wheeler @Ken_Wheeler Resources: ReasonML SML Family Using Web Workers React Loadable Immer React Profiler WebPack Dashboard Final Thoughts Tesla Cybertruck Sourcetree React Performance Timejumps 02:05 Guest introduction 02:21 What is Spectacle? 08:48 What brought you into this space? 09:43 Sponsor: Ag Grid 10:50 Why do I fix performance issues I can't see? 20:15 What is a...
Feb 11, 2020•45 min•Ep. 70
Recording date: 2019-12-10 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ely Lucas @ElyLucas Resources: Six Million Dollar Man The Bionic Woman Ionic Framework Ionic React Docs React Native Max Lynch - co-founder of Ionic JQuery Mobile Cordova AngularJS Create React App Service Worker Progressive Web App - PWA Capacitor Ionic Capacitor vs Apache Cordova Difference With Example — The Next Future Innovation of Hybrid Native Apps Flutter Native Web A...
Feb 04, 2020•48 min•Ep. 69
Recording date: 2019-12-05 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Joe Eames @JosephEames Resources: Cypress.io Avoid the Suck of Testing with Cypress.io by Joe Eames Unit Testing with Joe Eames Run automated tests from test plans on Azure Build, test, and deploy JavaScript and Node.js apps TDD Code Smell for the "God Object" Single Responsibility Patterns Istanbul tools for code coverage Review Code Coverage in Azure Dev Ops Code coverage f...
Jan 28, 2020•50 min•Ep. 68
Recording date: 2019-12-05 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Sam Julien @samjulien Resources: Gatsby JAMstack GraphQL Llamas Hugo Jekyll Algolia Static sties revolution Deploy a Gatsby blog to Azure React Reach Router Ryan Florence Michael Jackson Gatsby Plugins Service Workers ) Deploy a static site to Azure Emperor's New Groove Baby llamas eating WebPack Vue Press Securing Gatsby by Sam Julien of Auth0 Up and Running with Gatsby Cour...
Jan 21, 2020•48 min•Ep. 67
Recording date: 2019-12-03 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Resources: Fast Food Frameworks - Chris Love Vanilla JavaScript "Can I use" web site addEventListener LIT HTML lit-html docs Order 66 Timejumps 02:25 Why? 10:06 Why not use Fetch? 16:52 Sponsor: Ag Grid 17:56 What is a template? 26:02 Sponsor: IdeaBlade 27:13 How do you feel about JSX? 42:34 What did we learn?...
Jan 14, 2020•45 min•Ep. 66
Recording date: 2019-11-26 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ali Spittel @ASpittel Resources: AliSpit.tel WeLearnCode LadyBug Podcast Dev.to Ali on Dev.to Digital Nomad Preact React Angular General Assembly - 12 week bootcamp Don't Repeat Yourself - DRY Four types of learners Visual , Auditory, Kinesthetic , and reading/writing learners Vue ReactJS Ben Lesh React Hooks Vue 3 Composition API REDUX Train your Brain Like a Memory Champion...
Jan 07, 2020•48 min•Ep. 65
Recording date: 2019-11-12 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brian Clark @_clarkio Resources: Brian Clark on Twitch Bobby Fisher ReactJS Bobby Fisher vs Boris Spassky 1972 "Be the Ball" Cecil Phillip Nina Zakhernko Learn Python Sea of Thieves OBS Suz Hinton and setting up OBS and Twitch Suz Hinton Gang of Four Code Wars Stream Labs OBS Twitch Studio Baby Boomers LiveCoders Social Media for Developers: Learning on Twitch CNN Ok Boomer...
Dec 31, 2019•46 min•Ep. 64
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Neha Sharma @HelloNehha Resources: Nehha’s website 25 Days of Design Systems Timejumps 01:43 Guest introduction 03:24 Topic introductions 04:26 What do applications look like now? 05:21 How do you decide what to modernize to? 08:13 Sponsor: Nrwl 08:44 What is a design system? 15:15 What about web components? 19:26 What are some surprises from feedback? 20:22 Sponsor: Ag Grid 21:19 Final thoughts for pe...
Dec 17, 2019•24 min•Ep. 63
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Aleksandra Shinkevich @Neesoglasnaja Resources: Microsoft Ignite Airbnb Javascript styleguide Airbnb Ruby styleguide Airbnb Swift styleguide Prettier ES Lint Timejumps 01:47 Guest introduction 03:23 What do linters do? 05:48 How do you make sure linters are working properly? 08:25 Sponsor: Nrwl 09:00 Do you run linters at other times? 16:56 Sponsor: Ag Grid 18:02 What about Prettier? 23:13 CSS linters ...
Dec 10, 2019•29 min•Ep. 62
Recording date: 2019-10-31 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Jules Kremer @Jules_Kremer Resources: Angular AWS Google Cloud Platform Azure Service Workers Intro to service workers What is a Monorepo Wikipedia Monorepo reference Sticky Note Exercise Google GDEs Polymer Dart Flutter What is EQ and EI? Why Remote Work is the Future of IT The Best Tech for Working Remote in 2019 How to work from home and look good doing it Web Assembly Re-assembling the Web with Web Asse...
Dec 03, 2019•54 min•Ep. 61
Recording date: 2019-11-25 John Papa @John_Papa Max Lynch @MaxLynch Resources: Ionic Ionic Studio Apple MacBook Pro Brave 1Password Multi port Hub Christian Pulisic The first ten apps I install on macOS Timejumps 02:18 What motivated you to purchase the MacBook Pro 16? 05:03 Keyboard issues 09:35 Sponsor: Nrwl 10:08 Working in a coffee shop 12:16 What do you use the MacBook Pro for? 19:02 Sponsor: Ag Grid 20:07 Upgrade options 22:02 Overall experience 26:11 Questions from Twitter 37:28 Speaker q...
Nov 26, 2019•1 hr 1 min
Recording date: 2019-10-29 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Sani Yusuf @SaniYusuf Resources: Ionic React Native NativeScript React Angular Get started with Ionic and Visual Studio Ionic deploy Microsoft's Code Push Pricing for Ionic Choosing Mobile Strategy Get Started with React Native React Native Extension Ionic snippets for vs code Final Thoughts Atomic Habits Timejumps 01:44 Guest introduction 04:11 What technology do you use for building for the web and mobile...
Nov 26, 2019•46 min•Ep. 60
Recording date: 2019-10-17 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Jesse Warden @jesterxl Sponsors Ag-Grid Nrwl Resources: Jesse Warden Jesse Warden on YouTube Parkour Beginners guide to parkour UI Router pug.js Angular JS Angular Style Guide OOP Choosing your javascript framework Deus Ex The Art of War Paul Taylor Elm language Reason ML Immutability in code @Hillelogram Robert Sapalsky Timejumps 02:45 Guest introduction 03:46 What is parkour? 08:27 Sponsor: AG-Grid 09:37 ...
Nov 19, 2019•36 min•Ep. 59
Recording date: 2019-10-15 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Kelly Vaughn @Kvlly Resources: Kelly Vaughn The Taproom Agency Shopify Gatsby framework built on React Lady Bug Podcast Developer Merch You Didn’t Know You Needed PWA Vue Press Nuxt Next Ali Spittel Emma Wedekind Nacelle - JamStack for eCommerce Get Nacelle GraphQL Clicktale experience with heat maps Hotjar Telekinesis Storybook Vulcain Observable Store How to GraphQL...
Nov 12, 2019•51 min•Ep. 58
Recording date: 2019-09-26 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Aaron Schlesinger @Arschles Resources: Go and the Athens Project Stack Overflow Athens docs React docs TypeScript with React and WebPack react and typescript Next and React Create React App TypeScript Interfaces Best practices for using Typescript with React Go HTTP Servers React Router React's Redux pattern Redux with TypeScript Web Assembly Steve Jobs biography Form Follows Function...
Nov 05, 2019•43 min•Ep. 57
Recording date: 2019-09-24 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Dan Muller @the_meku Resources: Bazel Angular Connect Nrwl Angular React Rally React Ivy Angular compiler Greenfield vs Brownfield Bazel WebPack Hapi Protocol Buffers Open API Swagger Swagger OpenAPI GitLab Bose nc700 Timejumps 00:52 Angular Connect recap 01:52 Guest introduction 02:40 What is Nrwl 05:46 Challenges of building an evergreen project 10:03 Sponsor: Nrwl 10:39 Why Bazel? 20:14 What problem does...
Oct 29, 2019•47 min•Ep. 56
Recording date: 2019-09-12 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Resources: Marie Hoeger on GitHub Marie Hoeger on LinkedIn Azure Functions Tutorial for Azure Functions Article about Azure Functions TypeScript Support ES Lint in Typescript ESLINT with TypeScript Typescript on Github TypeScript Roadmap for ESlint Azure Functions free trial why use serverless? Ultimate Frisbee TS Node Ben Nadel Durable Functions Actor Model Timejumps 02:12 Guest introduction 04:16 Why are ...
Oct 22, 2019•40 min•Ep. 55
Recording date: 2019-09-05 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Nicole Oliver @Nixallover Resources: RealTalk Javscript #29 with Nicole Oliver Escalator was a brand Rollerblade SASS CSS LESS Stylus CSS Layout Guide to Flexbox on CSS Tricks css grid layout A List Apart CSS Sticky Bulma Bootstrap Typography for developers CSS Specificity SMACSS Tailwind CSS Tachyons Angular Styled components 8 reasons to use styled components Scoped Styles in Angular Scoped CSS in Vue Nrw...
Oct 15, 2019•52 min•Ep. 54
Recording date: 2019-09-03 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Colby Tresness @ColbyTresness Resources: Azure Functions tutorial Get the Azure Functions Core Tool Get the VS Code extension for Azure Functions What is serverless? What is Lambda? Why create serverless apps? Scaling azure functions - consumption vs always on Dedicated resources for Azure Functions Premium plan for Azure Functions FaaS (Functions as Service) Serverless Cold Start War Cold Starts in Serverl...
Oct 08, 2019•53 min•Ep. 53