<description>&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;John and Chris have a special guest on today. We are interviewing Tom. Tom is a developer at Miles Technologies and has been developing software using the Breckenridge template we've been talking about so much. He helps share a 1st hand perspective of our software and share's his angular story.&lt;/p&gt;
&lt;p&gt;Quick Tips:&lt;/p&gt;
&lt;p&gt;Engineering Excellencies &lt;a href="https://www.mentoring-club.com/" rel="ugc noopener noreferrer" target="_blank"&gt;https://medium.com/swlh/what-is-engineering-excellence-a8aa5a1e8dc5&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Payment processors https://www.braintreepayments.com/&lt;/p&gt;
&lt;p&gt;Google Maps https://developers.google.com/maps/documentation&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.milestechnologies.com/careers" rel="ugc noopener noreferrer" target="_blank"&gt;https://www.milestechnologies.com/careers&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Music: Phortitude by Shane Ivers - https://www.silvermansound.com&lt;/p&gt;
</description>

John and Chris have a special guest on today. We are interviewing Tom. Tom is a developer at Miles Technologies and has been developing software using the Breckenridge template we've been talking about so much. He helps share a 1st hand perspective of our software and share's his angular story.
Quick Tips:
Engineering Excellencies <a href="https://www.mentoring-club.com/" rel="ugc noopener noreferrer" target="_blank">https://medium.com/swlh/what-is-engineering-excellence-a8aa5a1e8dc5</a>
Payment processors https://www.braintreepayments.com/
Google Maps https://developers.google.com/maps/documentation
<a href="https://www.milestechnologies.com/careers" rel="ugc noopener noreferrer" target="_blank">https://www.milestechnologies.com/careers</a>
Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Special Guest Tom!

<description>&lt;p&gt;John and Chris talk about an option for controlling components by creating an API and outputting that. &amp;nbsp;This allows for complex control from a parent component to a child component.&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Quick Tips:&lt;/p&gt;
&lt;p&gt;mentorship programs and their value&lt;/p&gt;
&lt;p&gt;bash aliases for helping with dotnet core CLI&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Links:&lt;/p&gt;
&lt;p&gt;mentoring club &lt;a href="https://www.mentoring-club.com/"&gt;https://www.mentoring-club.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;bash alias &lt;a href="https://linuxize.com/post/how-to-create-bash-aliases/"&gt;https://linuxize.com/post/how-to-create-bash-aliases/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.milestechnologies.com/careers"&gt;https://www.milestechnologies.com/careers&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Music: Phortitude by Shane Ivers - https://www.silvermansound.com&lt;/p&gt;
</description>

John and Chris talk about an option for controlling components by creating an API and outputting that. &nbsp;This allows for complex control from a parent component to a child component.
 
Quick Tips:
mentorship programs and their value
bash aliases for helping with dotnet core CLI
 
Links:
mentoring club <a href="https://www.mentoring-club.com/">https://www.mentoring-club.com/</a>
bash alias <a href="https://linuxize.com/post/how-to-create-bash-aliases/">https://linuxize.com/post/how-to-create-bash-aliases/</a>
<a href="https://www.milestechnologies.com/careers">https://www.milestechnologies.com/careers</a>
 
Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Component APIs

<description>&lt;p&gt;John and Chris talk state management in Angular applications. &amp;nbsp;The format is a train-me episode where John plays the part of the audience, learning about state management from Chris. &amp;nbsp;The focus is on practical uses of light state management.&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Quick Tips:&lt;/p&gt;
&lt;p&gt;chrome tabs &lt;a href="https://blog.google/products/chrome/manage-tabs-with-google-chrome/"&gt;https://blog.google/products/chrome/manage-tabs-with-google-chrome/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;discord for business &lt;a href="https://discord.com/"&gt;https://discord.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Links:&lt;/p&gt;
&lt;p&gt;state management &lt;a href="https://en.wikipedia.org/wiki/State_management"&gt;https://en.wikipedia.org/wiki/State_management&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Music: Phortitude by Shane Ivers - https://www.silvermansound.com&lt;/p&gt;
</description>

John and Chris talk state management in Angular applications. &nbsp;The format is a train-me episode where John plays the part of the audience, learning about state management from Chris. &nbsp;The focus is on practical uses of light state management.
 
Quick Tips:
chrome tabs <a href="https://blog.google/products/chrome/manage-tabs-with-google-chrome/">https://blog.google/products/chrome/manage-tabs-with-google-chrome/</a>
discord for business <a href="https://discord.com/">https://discord.com/</a>
 
Links:
state management <a href="https://en.wikipedia.org/wiki/State_management">https://en.wikipedia.org/wiki/State_management</a>
 
Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Practical State Management

<description>&lt;p&gt;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. &amp;nbsp;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.&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Quick Tips:&lt;/p&gt;
&lt;p&gt;automating tasks with bash&lt;/p&gt;
&lt;p&gt;&lt;a href="https://scully.io/"&gt;scully.io&lt;/a&gt; for SEO in Angular&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Links:&lt;/p&gt;
&lt;p&gt;Angular lazy loading &lt;a href="https://angular.io/guide/lazy-loading-ngmodules"&gt;https://angular.io/guide/lazy-loading-ngmodules&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;webpack bundle analyzer &lt;a href="https://www.npmjs.com/package/webpack-bundle-analyzer"&gt;https://www.npmjs.com/package/webpack-bundle-analyzer&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Music: Phortitude by Shane Ivers - https://www.silvermansound.com&lt;/p&gt;
</description>

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. &nbsp;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
<a href="https://scully.io/">scully.io</a> for SEO in Angular
 
Links:
Angular lazy loading <a href="https://angular.io/guide/lazy-loading-ngmodules">https://angular.io/guide/lazy-loading-ngmodules</a>
webpack bundle analyzer <a href="https://www.npmjs.com/package/webpack-bundle-analyzer">https://www.npmjs.com/package/webpack-bundle-analyzer</a>
 
Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Lazy Loading v2 - Eager to Lazy

<description>&lt;p&gt;Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode. &amp;nbsp;It all starts with a simple idea... "why do we have to keep building out forms manually? &amp;nbsp;I wish we could automate this part of web development." &amp;nbsp;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.&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Quick Tips:&lt;/p&gt;
&lt;p&gt;vim adventures - &lt;a href="https://vim-adventures.com/"&gt;https://vim-adventures.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;optional chaining - &lt;a href="https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining"&gt;https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Links:&lt;/p&gt;
&lt;p&gt;Angular's Dynamic Forms &lt;a href="https://angular.io/guide/dynamic-form"&gt;https://angular.io/guide/dynamic-form&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Dynamic Component Loader &lt;a href="https://angular.io/guide/dynamic-component-loader"&gt;https://angular.io/guide/dynamic-component-loader&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;/p&gt;
&lt;p&gt;Music: Phortitude by Shane Ivers - https://www.silvermansound.com&lt;/p&gt;
</description>

Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode. &nbsp;It all starts with a simple idea... "why do we have to keep building out forms manually? &nbsp;I wish we could automate this part of web development." &nbsp;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 - <a href="https://vim-adventures.com/">https://vim-adventures.com/</a>
optional chaining - <a href="https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining">https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining</a>
 
Links:
Angular's Dynamic Forms <a href="https://angular.io/guide/dynamic-form">https://angular.io/guide/dynamic-form</a>
Dynamic Component Loader <a href="https://angular.io/guide/dynamic-component-loader">https://angular.io/guide/dynamic-component-loader</a>
 
Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Dynamic Forms part 3 of 3

Two full stack Angular developers share experiences and knowledge gained building custom Angular software templates and libraries... and share some laughs along the way.

ng build --pod

Details

Recent Episodes