Angular Air
By Angular Air
Angular AirJul 10, 2018
NGXS: Power of Selectors With Mateus Carniatto
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
Angular Builders and Schematics With Santosh Yadav
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
How to Learn Effectively With Joe Eames
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
How to create apps using Angular and Firebase With Ankit Sharma
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
Scully and static site generation in Angular with Sander Elias
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
Components, probably 😀 with Jeremy Elbourn
Jeremy Elbourn makes a return visit to share knowledge on Angular components and Angular Material...probably. Whatever Jeremy decides to go with, we are always happy and grateful to have him back on the show. 😎
Jeremy on Twitter:
https://twitter.com/jelbourn
-----------------------------------------------
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
Extending Angular for the Reactive Web with Michael Hladky
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
Micro Front End Revolution with Module Federation and Angular with Manfred Steyer
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
Clean code with Container Presenter Pattern with Kate Sky
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
Announcing the Launch of Angular Nation with Bonnie Brennan!
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.
A Visit with Stephen Fluin
Stephen Fluin stops by to chat about the latest in Angular and his new super-experimental project.
What’s new in AngularFire with David East
David East returns to Angular Air to update us with the latest and greatest in AngularFire.
How to architect epic Angular app in less than 10 minutes!
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
Scully: Angular JAMStack with Aaron Frost
---
Video of episode: https://youtu.be/nb3l1fEJDwM
What's new in Angular Universal with Vikram Subramanian
---
Video of episode: https://youtu.be/D_fREyRnETM
Advanced Nx with Isaac Mann
---
Video of episode: https://youtu.be/pcTSDMid-aE
Authentication in NgRx
---
Video of episode: https://youtu.be/6ojNIDsSfR8
Angular and CSS Grid Part Deux with Bill Odom
---
Video of episode: https://youtu.be/gpNvmahC7cs
Async Resolvers - the Better Way for Resolving Data with Iliya Idakiev
---
Video of episode: https://youtu.be/zZD-5Blf3B4
Profiling and Monitoring Web Apps with Gil Fink
---
Video of episode: https://youtu.be/lmq2jMflRt8
Schematics with Kevin Schuchard
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
Component-level Code-Splitting with Angular Loadable with guest Zama Khan Mohammed
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
Zone.js in Depth with Jai Li
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
NGrid with Shlomi Assaf
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
Angular AMP without AMP with Jeff Whelpley
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
Angular in the JAMstack, yum! With Tara Z. Manicsic
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
Using Angular Elements to Make React Components with Brad McAlister and Ryan Chenkie
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
Persistent State Management using Query Params with Iliya Idakiev
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
Fix Asynchrony with RxJS with Jan-Niklas Wortmann
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
Firestore Deep Dive with Jeff Whelpley
Jeff Whelpley joins us for a deep dive into Firestore
---
Video of episode: https://youtu.be/jmitfq11FWA
The Observable ViewModel with Sander Elias
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
More Unit Testing, Less Effort with Lance Finney
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
Justin Schwartzenberger:
https://blog.nrwl.io/essential-angular-testing-192315f8be9b
---
Video of episode: https://youtu.be/d5niF8Ordgg
Angular and CSS Grid: Get Ready to Fall in Love - Bill Odom
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
Angular Routing and Navigation with Chris Samuel
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
NgRx Ducks: Diving into dynamic facades for NgRx with Gregor Woiwode
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
Template Streams in Angular & Change Detection Profiling w/ Dominic Elm & Kwinten Pisman
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
---
When to Use NgRx and Some Tips on How to Improve UX With Alex Okrushko
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
ag-Grid with Niall Crosby and Sean Landsman
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
Delving Into NgRx Auto-Entity with Jon Rista
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
ngAir 207 - Angular LifeCycle Methods and NgRx v8 Features with Wes Grimes
Angular Lifecycles (slides): docs.google.com/presentation/d/1wVKdx9ozBvub_ErCYnB2o6wFv2PEi50OmLWDk15jth0/edit?usp=sharing
NgRx 8 (slides): docs.google.com/presentation/d/1ch43bTL_l8XPHVcsLNAnv0zB3MCBuOZ0jwPKqzBe1MI/edit?usp=sharing
Picks********************Austin:FunctionScript: github.com/FunctionScript/FunctionScriptNebular: github.com/akveo/nebular/
ngAir 206 - Boosting Collective Ownership with Timeboxed TDD and TCR with Younes Jaaidi
📕 Slides: https://slides.com/yjaaidi/angular-air-timeboxed-tdd-and-tcr🐦 twitter.com/yjaaidi
🌍 https://wishtack.io📝 https://medium.com/wishtack💻 github.com/wishtack/wishtack-steroids (Monorepo with Angular tools including @wishtack/jest-tcr)🇫🇷 Free Angular guide: https://guide-angular.wishtack.io/🚧 Video recipes: https://marmicode.teachable.com/💥 Limited WIP by by Dmitry Kandalov: github.com/dkandalov/limited-wip
ngAir 205 - Push-Based Architectures with RxJS with Thomas Burleson
ngAir 204 - State of Angular with Stephen Fluin
ngAir 203 - Angular Denver with Jesse Sanders
ngAir 202 - AngularDoc Team Service with Hanyu Xiao
ngAir 201 - NBA League Pass as a Dockerized Angular SSR, PWA, and HMR with Brian Martin
**********************Picks**********************
Brian's-----------------------Compodoc: compodoc.app/
Austin's-----------------------Microsoft Edge Browser (with Chromium): blogs.windows.com/windowsexperience/2019/04/08/microsoft-edge-preview-builds-the-next-step-in-our-oss-journey/#9ChuXOjSYQTD5dLW.97
Storybook: storybook.js.org/
Mike's-----------------------VS Code extension for live share and redux: github.com/vsls-contrib/vsls-redux
ngAir 200 - Angular CDK Data Tables with Zack DeRose
**********************Picks**********************
Zach's-----------------------Nrwl Connect: connect.nrwl.io/
Mike's-----------------------Justin Schwartzenberger's Twitch stream: twitch.tv/schwartydevMovie theaters that offer assigned seating!
Justin's-----------------------Aaron Frost's Twitch stream: twitch.tv/frostydev
ngAir 199 - Next-Gen Web Application Testing with Cypress with Amir Rustamzadeh
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: rxjs.dev/operator-decision-treeRunkit: runkit.com/home
Bonnie's-----------------------3Hag Way Book: www.shannonsusko.com/3hagwaybook
ngAir 198 - Dynamic reactive forms with Juan Stoppa
**********************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/