Skip to main content
ng build --pod

ng build --pod

By ng build pod
Two full stack Angular developers share experiences and knowledge gained building custom Angular software templates and libraries... and share some laughs along the way.
Listen on
Where to listen
Apple Podcasts Logo

Apple Podcasts

Breaker Logo

Breaker

Google Podcasts Logo

Google Podcasts

Overcast Logo

Overcast

Pocket Casts Logo

Pocket Casts

RadioPublic Logo

RadioPublic

Spotify Logo

Spotify

Currently playing episode

Testing

ng build --pod

1x
Lazy Loading v2 - Eager to Lazy
John and Chris take another look at lazy loading in Angular, as they discuss lessons learned while converting their codename:Breckenridge Angular template from Eager Loading to Lazy Loading.  In this episode they go over analyzing the code generated for lazy loading, tweaking the output to optimize it, and a few advanced routing cases. Quick Tips: automating tasks with bash scully.io for SEO in Angular Links: Angular lazy loading https://angular.io/guide/lazy-loading-ngmodules webpack bundle analyzer https://www.npmjs.com/package/webpack-bundle-analyzer Music: Phortitude by Shane Ivers - https://www.silvermansound.com
01:03:53
January 20, 2021
Dynamic Forms part 3 of 3
Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode.  It all starts with a simple idea... "why do we have to keep building out forms manually?  I wish we could automate this part of web development."  In this final episode in a three part series, we discuss the implementation of dynamic forms using dynamic field components and configuration objects for the Angular front end. Quick Tips: vim adventures - https://vim-adventures.com/ optional chaining - https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining Links: Angular's Dynamic Forms https://angular.io/guide/dynamic-form Dynamic Component Loader https://angular.io/guide/dynamic-component-loader Music: Phortitude by Shane Ivers - https://www.silvermansound.com
51:27
December 15, 2020
Dynamic Forms part 2 of 3
Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode.  It all starts with a simple idea... "why do we have to keep building out forms manually?  I wish we could automate this part of web development."  In this second episode in a three part series, we discuss the use of a json based Model that allows our Database to build out interfaces and form control prototypes for the Angular front end. Quick Tips: Air Purifier - https://www.amazon.com/gp/product/B073WJL99W/ref=ppx_yo_dt_b_search_asin_title?ie=UTF8&psc=1 Prioritize your work life culture and Advocate for your well being Links: Customer Form Control https://gist.github.com/J-Graham/b694dbaaef4144c4cefa39683cdb1601 Customer Interface https://gist.github.com/J-Graham/afe64f5a8edad22e5998da8842784104 BackEndModel.json https://gist.github.com/J-Graham/2dbed1e14524a1b95b4a2faf1cc44901 Music: Phortitude by Shane Ivers - https://www.silvermansound.com
55:34
December 1, 2020
Dynamic Forms part 1 of 3
Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode.  It all starts with a simple idea... "why do we have to keep building out forms manually?  I wish we could automate this part of web development."  In this first episode in a three part series, we discuss the problem and the beginnings of an exciting solution that we have named as Dynamic Forms.  Quick Tips: Go on a vacation Send Grid - https://sendgrid.com/ Links: Angular reactive forms https://angular.io/guide/reactive-forms Music: Phortitude by Shane Ivers - https://www.silvermansound.com
57:02
November 24, 2020
RxJS v2 - a Real Scenario
Let's take the next step with RxJS!  This time, John and Chris tackle a real scenario as they dive into the next level of using RxJS in Angular.  Using an Order Summary page as an example, this episode covers ways to consolidate API calls using RxJS, cleaning up the component in the process.  Check out the links section for follow-along code samples of the scenario discussed in this episode. Quick Tips: Engineering Journal Typedoc - https://typedoc.org/ Links: pre-optimization https://github.com/J-Graham/ng-build-pod-rx-jssamples post-optimization https://github.com/J-Graham/ng-build-pod-rx-jssamples/tree/post-optimization https://www.learnrxjs.io/ Music: Phortitude by Shane Ivers - https://www.silvermansound.com
01:00:14
August 4, 2020
Cypress
John teaches Chris all about Cypress for end to end testing in Angular.  In this episode we try something new where John explains cypress.io and e2e testing in Angular to Chris, who has never worked with it before.  The result is a quick tutorial of cypress, what it does, how it works, and some of the ways we have implemented it in our CI to provide testing for our Angular framework. Quick Tips: Shape-up - https://basecamp.com/shapeup  Work doesn't have to be crazy - https://www.amazon.com/Doesnt-Have-Be-Crazy-Work-ebook/dp/B079WV79TK/ref=sr_1_2?crid=AG46YM8KYJWM&dchild=1&keywords=work+doesn%27t+have+to+be+crazy&qid=1592590276&sprefix=work+doesn%27t%2Caps%2C144&sr=8-2 Scripts in package.json - https://docs.npmjs.com/misc/scripts Links: https://www.cypress.io/ https://github.com/cypress-io/cypress-example-recipes/tree/master/examples Music: Phortitude by Shane Ivers - https://www.silvermansound.com
53:47
June 23, 2020
Directives
Directives are everywhere and are super powerful, but also a bit more complicated to create than components.  In this episode, Chris and John cover many of the inner workings of directives inlcuding how to create them and some more advanced ideas of what you can do with them. Quick Tips: Bent - https://www.npmjs.com/package/bent Angular Essentials - https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials Links: https://angular.io/guide/attribute-directives https://sweetalert2.github.io/ Music: Phortitude by Shane Ivers - https://www.silvermansound.com
52:46
June 2, 2020
Clean Components and Services
In Angular applications, clean components help to keep your code readable and straightforward.  In this episode, Chris and John cover how to critically review your components to know when they are too complicated, and some ways to go about refactoring them, including using Services to handle some of the more complicated business logic. Quick Tips: Ultralearning Pomodoro technique Links: https://www.amazon.com/Ultralearning-Master-Outsmart-Competition-Accelerate/dp/006285268X https://en.wikipedia.org/wiki/Pomodoro_Technique Music: Phortitude by Shane Ivers - https://www.silvermansound.com
59:19
May 19, 2020
Component Orchestration
This week John and Chris use an example of building a forum to talk about how to conditionally create the components you need without the use of ngIf statements.  The discussion includes the steps to get there, why you would want to do it this way, and gotchas along the way. Quick Tips: Regex101 FTW cmder console Links: https://regex101.com/ https://cmder.net/ https://angular.io/guide/dynamic-component-loader Music: Phortitude by Shane Ivers - https://www.silvermansound.com
53:09
May 6, 2020
Testing
This week it's all about Testing.  Specifically Unit Testing in Angular.  John and Chris cover everything from why you want to test your code and how to get started with testing, including some gotchas along the way. Quick Tips: Using Dynalist to organize your thoughts and work plans Splitting your Angular libraries for better performance Links: https://angular.io/guide/testing https://dynalist.io/ https://medium.com/angular-in-depth/improve-spa-performance-by-splitting-your-angular-libraries-in-multiple-chunks-8c68103692d0 https://freakonomics.com/podcast/the-cobra-effect-a-new-freakonomics-radio-podcast/ Music: Phortitude by Shane Ivers - https://www.silvermansound.com
01:10:17
April 21, 2020
Authentication
This week John and Chris talk about Authentication in Angular.  They discuss everything from how to guard your routes in your Angular app to methods for modifying the http requests to include auth tokens. Quick Tips: Image and video capture in your merge requests Windows PowerToys and screen templates Links: https://github.com/microsoft/PowerToys https://angular.io/guide/router#milestone-5-route-guards https://jwt.io/ https://angular.io/api/common/http/HttpInterceptor https://maxchadwick.xyz/blog/http-request-header-size-limits Music: Phortitude by Shane Ivers - https://www.silvermansound.com
01:04:58
April 7, 2020
Angular Libraries
Angular Libraries are where you turn your modules into npm packages that can be used in other Angular applications.  John and Chris dive into this subject going over concepts and terms.  Then talk about how to build out and structure your libraries, along with plenty of tips and gotchas.  They even go into how to handle distributing your packages using your own repository manager and semantic versioning. Quick Tips: npx and how to use a package without installing it using rxjs take(1) to fake http calls using a subject Links: https://angular.io/guide/libraries https://github.com/milestechnologies/ngx-package-starter https://www.npmjs.com/package/npx https://www.learnrxjs.io/learn-rxjs/operators/filtering/take https://www.npmjs.com/package/ng-packagr https://docs.npmjs.com/misc/semver https://www.sonatype.com/nexus-repository-oss Music: Phortitude by Shane Ivers - https://www.silvermansound.com
57:58
March 19, 2020
RxJS
Chris and John tackle RxJS.  Starting with the basics including terminology and concepts and going in depth on use cases, operators, pipes, and some of the tips and gotchas. Quick Tips: Fork a GUI for git Who's afraid of Regex :) Links: https://git-fork.com/ https://www.thisdot.co/labs https://twitter.com/BenLesh https://twitter.com/ladyleet http://phillydotnet.org/2020-1-schedule.html go to Saturday's sessions for our talk https://twitter.com/JohnGrahamDev https://twitter.com/PilgrimSecret https://www.milestechnologies.com/careers/ Music: Phortitude by Shane Ivers - https://www.silvermansound.com
58:51
February 28, 2020
Change Detection
Chris and John explore Angular's Change Detection.  Starting with the basics or terminology and concepts and going in depth on how it works, performance concerns, and tips. Quick Tips: Windows Key + V Object.assign() Links: https://www.thisdot.co/labs http://phillydotnet.org/2020-1-schedule.html go to Saturday's sessions for our talk https://twitter.com/JohnGrahamDev https://twitter.com/PilgrimSecret https://www.milestechnologies.com/careers/ Music: Phortitude by Shane Ivers - https://www.silvermansound.com
41:24
February 28, 2020
Lazy Loading
Chris and John tackle Lazy Loading in Angular.  Starting with the basics including terminology and concepts and going in depth on how it works, performance concerns, and tips. Quick Tips: Prettier config files Impostor Syndrome Links: https://prettier.io/ http://phillydotnet.org/2020-1-schedule.html go to Saturday's sessions for our talk https://twitter.com/JohnGrahamDev https://twitter.com/PilgrimSecret https://www.milestechnologies.com/careers/ Music: Phortitude by Shane Ivers - https://www.silvermansound.com
36:44
February 28, 2020