Angular Air

Mateus Carniatto joins us to talk NGXS and the power of selectors. Mateus on Twitter: https://twitter.com/c4rniatto NGXS https://www.ngxs.io/ ----------------------------------------------- Angular Air is powered by StreamYard! It has been an amazing solution for our production pipeline. And it is 100% browser based. No app install needed! Want to host a live show with multiple guests? Check out StreamYard. https://streamyard.com/?pal=5070140888580096 --- Support this podcast: https://anchor.fm/angularair/support

In this episode Santosh Yadav comes on to dive into builders and schematics for the Angular CLI Santosh on Twitter https://twitter.com/SantoshYadavDev ----------------------------------------------- Angular Air is powered by StreamYard! It has been an amazing solution for our production pipeline. And it is 100% browser based. No app install needed! Want to host a live show with multiple guests? Check out StreamYard. https://streamyard.com/?pal=5070140888580096 --- Support this podcast: https://anchor.fm/angularair/support

Joe Eames stops by to discuss training techniques and curriculum building that is focused on enabling students to learn more effectively. Joe on Twitter https://twitter.com/josepheames Joe's FREE Fundamentals of Angular course on Thinkster https://thinkster.io/topics/fundamentals-of-angular ----------------------------------------------- Angular Air is powered by StreamYard! It has been an amazing solution for our production pipeline. And it is 100% browser based. No app install needed! Want to host a live show with multiple guests? Check out StreamYard. https://streamyard.com/?pal=5070140888580096 --- Support this podcast: https://anchor.fm/angularair/support

Ankit Sharma joins us to share how to use Firebase in our Angular applications. Ankit on Twitter https://twitter.com/ankitsharma_007 Ankit's Blog https://ankitsharmablogs.com/ ----------------------------------------------- Angular Air is powered by StreamYard! It has been an amazing solution for our production pipeline. And it is 100% browser based. No app install needed! Want to host a live show with multiple guests? Check out StreamYard. https://streamyard.com/?pal=5070140888580096 --- Support this podcast: https://anchor.fm/angularair/support

Our good friend Sander Elias joins us once more, this time to go over the latest and greatest with Scully, the static site generator for Angular. Sander on Twitter: https://twitter.com/esosanderelias ----------------------------------------------- Angular Air is powered by StreamYard! It has been an amazing solution for our production pipeline. And it is 100% browser based. No app install needed! Want to host a live show with multiple guests? Check out StreamYard. https://streamyard.com/?pal=5070140888580096 --- Support this podcast: https://anchor.fm/angularair/support

Michael Hladky drops by to share his vast knowledge of reactive programming and rxjs and how we can power up our Angular development with it. Michael on Twitter: https://twitter.com/Michael_Hladky ----------------------------------------------- Angular Air is powered by StreamYard! It has been an amazing solution for our production pipeline. And it is 100% browser based. No app install needed! Want to host a live show with multiple guests? Check out StreamYard. https://streamyard.com/?pal=5070140888580096 --- Support this podcast: https://anchor.fm/angularair/support

Manfred Steyer stops by to educate us on what this whole micro front end movement is all about and explain the concept of module federation and the benefits we can realize from it in our Angular applications. Manfred on Twitter: https://twitter.com/manfredsteyer ----------------------------------------------- Angular Air is powered by StreamYard! It has been an amazing solution for our production pipeline. And it is 100% browser based. No app install needed! Want to host a live show with multiple guests? Check out StreamYard. https://streamyard.com/?pal=5070140888580096 --- Support this podcast: https://anchor.fm/angularair/support

Our guest Kate Sky joins us to go over the Container Presenter Pattern and show us how we can write and maintain cleaner code in our Angular apps. Kate on Twitter: https://twitter.com/katesky8 ----------------------------------------------- Angular Air is powered by StreamYard! It has been an amazing solution for our production pipeline. And it is 100% browser based. No app install needed! Want to host a live show with multiple guests? Check out StreamYard. https://streamyard.com/?pal=5070140888580096 --- Support this podcast: https://anchor.fm/angularair/support

Bonnie Brennan, one of our resident panelists, joins us to announce the launch of Angular Nation (https://www.angularnation.net/), a new community hub for all things Angular. Bonnie on Twitter: https://twitter.com/bonnster75 ----------------------------------------------- Angular Air is powered by StreamYard! It has been an amazing solution for our production pipeline. And it is 100% browser based. No app install needed! Want to host a live show with multiple guests? Check out StreamYard. https://streamyard.com/?pal=5070140888580096 --- Support this podcast: https://anchor.fm/angularair/support

Stephen Fluin stops by to chat about the latest in Angular and his new super-experimental project. https://BundleSize.dev --- Support this podcast: https://anchor.fm/angularair/support

David East returns to Angular Air to update us with the latest and greatest in AngularFire. --- Support this podcast: https://anchor.fm/angularair/support

Tomas Trajan joins us to go over approaches we can take when planning the architecture of our Angular applications. Tomas on Twitter https://twitter.com/tomastrajan Tomas personal website (angular universal + lazy loading) https://tomastrajan.com/home Blog ( many cool Angular articles) https://medium.com/@tomastrajan Lazy load Angular elements and other web-components in Angular https://angular-extensions.github.io/elements/#/home Angular Ngrx Material Starter (demo) https://tomastrajan.github.io/angular-ngrx-material-starter#/about --- Video of episode: https://youtu.be/oeT6r7Qd6OI --- Support this podcast: https://anchor.fm/angularair/support

--- Video of episode: https://youtu.be/nb3l1fEJDwM --- Support this podcast: https://anchor.fm/angularair/support

--- Video of episode: https://youtu.be/D_fREyRnETM --- Support this podcast: https://anchor.fm/angularair/support

--- Video of episode: https://youtu.be/pcTSDMid-aE --- Support this podcast: https://anchor.fm/angularair/support

--- Video of episode: https://youtu.be/6ojNIDsSfR8 --- Support this podcast: https://anchor.fm/angularair/support

--- Video of episode: https://youtu.be/gpNvmahC7cs --- Support this podcast: https://anchor.fm/angularair/support

--- Video of episode: https://youtu.be/zZD-5Blf3B4 --- Support this podcast: https://anchor.fm/angularair/support

--- Video of episode: https://youtu.be/lmq2jMflRt8 --- Support this podcast: https://anchor.fm/angularair/support

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 (Step Functions, Lambda, CloudFormation, S3) etc. He has a keen interest in Software Development as well as Machine Learning, and he feels passionate about teaching and mentoring his interests to others. --- Video of episode: https://youtu.be/oeT6r7Qd6OI --- Support this podcast: https://anchor.fm/angularair/support

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=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=9023178&hvtargid=aud-801657747996:pla-404289849110&psc=1 Justin Schwartzenberger: https://blog.nrwl.io/essential-angular-testing-192315f8be9b --- Video of episode: https://youtu.be/d5niF8Ordgg --- Support this podcast: https://anchor.fm/angularair/support

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

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

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

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

Younes Jaaidi joins us to show some timeboxed test driven development techniques and test-commit-revert (TCR) and how those can benefit us when working on Angular applications.

Thomas Burleson joins us to demo the benefits of using a push based architecture and implementing a facade pattern when working with state management and components in Angular. --- Support this podcast: https://anchor.fm/angularair/support

Stephen Fluin joins us to give an update on the current state of Angular, the upcoming version 8 release, and what the future holds for the platform. --- Support this podcast: https://anchor.fm/angularair/support

--- Support this podcast: https://anchor.fm/angularair/support

--- Support this podcast: https://anchor.fm/angularair/support

Brian Martin [https://twitter.com/bmarti44] joins us to talk about working on a new prototype for the NBA.com experience. **********************Picks********************** Brian's-----------------------Compodoc: https://compodoc.app/ Austin's-----------------------Microsoft Edge Browser (with Chromium): https://blogs.windows.com/windowsexperience/2019/04/08/microsoft-edge-preview-builds-the-next-step-in-our-oss-journey/#9ChuXOjSYQTD5dLW.97 Storybook: https://storybook.js.org/ Mike's-----------------------VS Code extension for live share and redux: https://github.com/vsls-contrib/vsls-redux --- Support this podcast: https://anchor.fm/angularair/support

Zack DeRose [https://twitter.com/zackderose] joins us to talk about using the Angular CDK to build data tables with our own custom look and data sources. **********************Picks********************** Zach's-----------------------Nrwl Connect: https://connect.nrwl.io/ Mike's-----------------------Justin Schwartzenberger's Twitch stream: https://twitch.tv/schwartydevMovie theaters that offer assigned seating! Justin's-----------------------Aaron Frost's Twitch stream: https://twitch.tv/frostydev --- Support this podcast: https://anchor.fm/angularair/support

Amir joins us to talk about Cypress, a complete end-to-end testing experience that is fast, easy and reliable testing for anything that runs in a browser. https://www.cypress.io/   **********************Picks********************** Amir's-----------------------Merino Wool: https://www.smartwool.com/discover/wh...Cypress Kitchen Sink Example: https://github.com/cypress-io/cypress... Mateus's-----------------------RXJS decision tree: https://rxjs.dev/operator-decision-treeRunkit: https://runkit.com/home Bonnie's-----------------------3Hag Way Book: http://www.shannonsusko.com/3hagwaybook --- Support this podcast: https://anchor.fm/angularair/support

Jaun walks through FormQL (https://twitter.com/formql_io), talking through the creation of it and shows a demo of the features and tooling. **********************Picks********************** Juan's---------------------------------Refactoring UI Bookhttps://refactoringui.com/book/ Justin's---------------------------------Monopoly Game of Thrones Edition!https://amzn.to/2YdgojR Austin's---------------------------------TypeScript 3.4 RChttps://github.com/Microsoft/TypeScript/releases Alyssa's---------------------------------Schwart Stories by Schwarty!!https://schwartstories.com/ --- Support this podcast: https://anchor.fm/angularair/support

--- Support this podcast: https://anchor.fm/angularair/support

--- Support this podcast: https://anchor.fm/angularair/support

--- Support this podcast: https://anchor.fm/angularair/support