Angular Air

Kevin Schuchard comes on the show to walk through how to write custom schematics for the Angular CLI. --- Video of episode: https://youtu.be/V5K8IOvw0Gk --- Support this podcast: https://anchor.fm/angularair/support

Lazy Loading routes has been the de facto way of reducing the bundle sizes in Angular when it comes to code splitting. Angular makes its so much easier to achieve that with its powerful Angular Router’s API and Schematics. Code splitting non route based modules is something which is possible in Angular but lacks simpler API. In this talk, we will first look at how to code split on Component level, and then look at how Angular Loadable makes it simpler and adds tons of features required for component level code splitting. It takes its inspiration from React Loadable’s features and Angular Router’s configurations, and simplifies even more with Schematics for adding ngx-loadable and generating lazy loaded modules. Zama Khan Mohammed is a Software Architect, author of the book, Angular Projects (https://angularprojects.com), mentor, technical writer and a father. He has a Master’s Degree in Computer Science and has loads of experience in Software Development using technologies such as Angular, React, D3.js, AWS (

Jai Li joins us to deep dive into Zone.js and give us some pointers on working with zones in Angular. --- Video of episode: https://youtu.be/6A7JkzpJw0w --- Support this podcast: https://anchor.fm/angularair/support

Shlomi Assaf joins us to show NGrid, an Angular grid solution for the enterprise built on-top of @angular/cdk! NGrid: https://shlomiassaf.github.io/ngrid/ Shlomi on Twitter: https://twitter.com/shlomiassaf --- Video of episode: https://youtu.be/0vXBkWutn8Y --- Support this podcast: https://anchor.fm/angularair/support

Jeff Whelpley comes on the show to talk about Accelerated Mobile Pages (AMP) and how we can do it in our Angular apps. --- Video of episode: https://youtu.be/T_XpkInDUGg --- Support this podcast: https://anchor.fm/angularair/support

Tara Z. Manicsic joins us to reveal just what this JAM stack stuff is all about in the world of web development and how we can adopt it in our Angular applications. --- Video of episode: https://youtu.be/7y1X6ujHy1Y --- Support this podcast: https://anchor.fm/angularair/support

Brad McAlister and Ryan Chenkie join us to dive into Angular Elements and provide examples of how they allow us to use our Angular code outside of Angular apps...even in React apps! --- Video of episode: https://youtu.be/cdrMozMs0PY --- Support this podcast: https://anchor.fm/angularair/support

Iliya Idakiev joins us to reveal how we can make use of query params to persist state in our Angular applications. --- Video of episode: https://youtu.be/jCzZbl9b7w4 --- Support this podcast: https://anchor.fm/angularair/support

Jan-Niklas Wortmann joins us to provide some guidance for dealing with async calls by making use of RxJs. --- Video of episode: https://youtu.be/Mws9J5N1zjA --- Support this podcast: https://anchor.fm/angularair/support

Jeff Whelpley joins us for a deep dive into Firestore --- Video of episode: https://youtu.be/jmitfq11FWA --- Support this podcast: https://anchor.fm/angularair/support

Sander Elias joins us to go over how we can leverage observables for our component view model data. --- Video of episode: https://youtu.be/cjdKanhckXU --- Support this podcast: https://anchor.fm/angularair/support

Lance Finney joins us to show how we can unit test our Angular applications with less complexity and effort. Lance on Twitter: https://twitter.com/LMFinneyCoder Slides: https://docs.google.com/presentation/d/1NaEDSfXs-n68KPpUc5wEFiJz6ujR5t7sis9eLXGOiPU/edit?usp=sharing Demo code: https://github.com/LMFinney/toh-pt6_20190613 Useful schematic: https://github.com/smnbbrv/ngx-spec Picks =================================== Lance: https://angularconnect.com/workshops/painless-pwas-with-angular https://stldevfest.com/ https://www.devupconf.org/sessions/workshops https://boardgamegeek.com/boardgame/129437/legendary-marvel-deck-building-game Mike Brocchi: https://stenciljs.com/blog/stencil-roadmap-fall-2019 https://github.com/angular/angular-cli/pull/14403 Alyssa Nicoll: https://www.amazon.com/Bezier-Games-ONUWBEZ-Ultimate-Werewolf/dp/B00HS7GG5G/ref=asc_df_B00HS7GG5G/?tag=hyprod-20&linkCode=df0&hvadid=241960275266&hvpos=1o1&hvnetw=g&hvrand=8549327494332259313&hvpone=&hvptwo=&hvqmt=&am

Bill Odom joins us to go over how we can use CSS grid in our Angular applications to become style implementers! Bill Odom on twitter: https://twitter.com/wnodom --- Video of episode: https://youtu.be/mWn1ctJOs_E --- Support this podcast: https://anchor.fm/angularair/support

Gregor Woiwode joins us to talk about NgRx Ducks.  Gregor on Twitter: https://twitter.com/GregOnNet NgRx Ducks on Github: https://github.com/co-it/ngrx-ducks --- Video of episode: https://youtu.be/Bn4qjLNLE_8 --- Support this podcast: https://anchor.fm/angularair/support

Chris Samuel joins us to go over routing in Angular, using router guards, and how that all plays out in real world applications. Chris on twitter: https://twitter.com/chrisksamuel --- Video of episode: https://youtu.be/qtsfuksents --- Support this podcast: https://anchor.fm/angularair/support

Dominic Elm and Kwinten Pisman join us to share a new approach to working with events as streams in Angular templates as well as a new change detection profiling tool that can help us gain insights into when updates are occurring in our components.   Dominic on twitter: https://twitter.com/elmd_ Kwinten on twitter: https://twitter.com/KwintenP Typebytes organization on Github: https://github.com/typebytes ngx-template-streams: https://github.com/typebytes/ngx-template-streams --- Video of episode: https://youtu.be/tbr03N3WA2Q --- --- Support this podcast: https://anchor.fm/angularair/support

Alex Okrushko joins us to provide some insight on when we might want to use NgRx in our Angular apps and some ways to improve the user experience (UX) with it. Alex on twitter: https://twitter.com/AlexOkrushko  NgRx: https://ngrx.io/   5 Tips to improve User Experience of your Angular app with NgRx: https://blog.angularindepth.com/5-tips-to-improve-user-experience-of-your-angular-app-with-ngrx-6e849ca99529 -------- Video of episode: https://youtu.be/yae-DISV9-o --- Support this podcast: https://anchor.fm/angularair/support

Niall Crosby and Sean Landsman join us to show how to get started using ag-Grid to build all kinds of data grid solutions in Angular applications.   ag-Grid: https://www.ag-grid.com/ ag-Grid & Angular Forms example: https://medium.com/ag-grid/using-angular-forms-with-ag-grid-1efe00265535 -------- Video of episode: https://youtu.be/F7qm8wkzvGs --- Support this podcast: https://anchor.fm/angularair/support

Jon Rista joins us to demo the new NgRx-Auto-Entity library.   NgRx Auto-Entity on Github: https://github.com/briebug/ngrx-auto-entity   NgRx Auto-Entity Quick Start Guide: https://briebug.gitbook.io/ngrx-auto-entity/quick-start BrieBug (Enterprise Angular consulting, architectural reviews, team training, and staff augmentation): https://www.briebug.com/ -------- Video of episode: https://youtu.be/2lFPowapCLE --- Support this podcast: https://anchor.fm/angularair/support

Wes Grimes joins us to go over ways to work with Angular lifecycle events in components and touch on some upcoming features in NgRx version 8. Angular Lifecycles (slides): https://docs.google.com/presentation/d/1wVKdx9ozBvub_ErCYnB2o6wFv2PEi50OmLWDk15jth0/edit?usp=sharing NgRx 8 (slides): https://docs.google.com/presentation/d/1ch43bTL_l8XPHVcsLNAnv0zB3MCBuOZ0jwPKqzBe1MI/edit?usp=sharing Picks********************Austin:FunctionScript: https://github.com/FunctionScript/FunctionScriptNebular: https://github.com/akveo/nebular/ --- Support this podcast: https://anchor.fm/angularair/support