New episode alert!
Special Guest Tom!
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 ...
@PilgrimSecret@JohnGrahamDev
https://t.co/VBYuAyaBMQ
New episode alert!
Component APIs
John and Chris talk about an option for controlling child components from parent components by creating an API for your component.
@JohnGrahamDev@PilgrimSecret@angular
https://t.co/ZE57XJGUSX
New episode alert!
Practical State Management
John and Chris talk practical state management in Angular applications. Format is a train-me episode where John plays the part of the audience, learning about state management from Chris.
@JohnGrahamDev@PilgrimSecret@angular
TIL: of() and of(null) work differently with pipes
of().pipe(concatMap(...))
*does not* fire concatMap on subscribe
of(null).pipe(concatMap(...))
*does* fire concatMap on subscribe
I am guessing of() is just not a supported concept since its supposed to return something
#rxjs
New episode alert!
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 template from Eager Loading to Lazy Loading.
@JohnGrahamDev@PilgrimSecret@angular
https://t.co/ZE57XJGUSX
New episode alert!
Dynamic Forms part 3 of 3
An epic journey so big it can't fit in one episode. In the final episode we discuss the FE implementation using dynamic field components and configuration objects.
@JohnGrahamDev@PilgrimSecret@angular
https://t.co/ZE57XJYvKv
If you've been frustrated with unit testing in Angular using jasmine, check out this survival guide I'm working on... and let me know what you think of it.
https://t.co/NI8PKLw7kt
@DeltaGPhys Luckily, we used a wrapper library around SweetAlerts named as ModalModule. So we just needed to update the SweetAlerts implementation in the ModalModule, and then everything just worked throughout all of our apps.
Love me some wrapper libraries!
@DeltaGPhys Definitely. We are upgrading our entire template and all of our packages from Angular 7 to 10 right now, and running into lots of stuff like that as we are upgrading everything else to latest as well.
New episode alert!
Dynamic Forms part 2 of 3
An epic journey so big it can't fit in one episode. In the second episode we discuss using a json based Model that bridges the gap between our SQL DB and Angular.
@JohnGrahamDev@PilgrimSecret@angular
https://t.co/ZE57XJGUSX
@CarlosArau6@PilgrimSecret@angular@JohnGrahamDev@CarlosArau6 Thanks for letting us know that you liked it and also for the suggestion for a future episode! We can definitely go deeper on rxjs operators. We'll put it in the hat for next time we are planning out our episodes.
New episode alert!
RxJS v2
Take the next step with RxJS! Join John and Chris as they tackle a real scenario in the next level of using RxJS in Angular, including follow-along code samples.
@JohnGrahamDev@PilgrimSecret@angular
https://t.co/ZE57XJGUSX
New episode alert!
Dynamic Forms part 1 of 3
An epic journey so big it can't fit in one episode. In the first episode we discuss the concept of an automated form builder and the beginnings of our solution.
@JohnGrahamDev@PilgrimSecret@angular
https://t.co/ZE57XJGUSX
@holywolf232 @JohnGrahamDev@PilgrimSecret@angular providedIn root still tree shakes, so no downside to using it, so long as you are good with all DI getting the same instance.
Providing at the module, component, etc. is only necessary if you want new instances per DI. (2/2)
@holywolf232 @JohnGrahamDev@PilgrimSecret@angular That's a good question. Maybe we will try to cover it in an episode.
The short answer is changing the question. Do you want them to be singleton's or multiple instances?
if you want one instance for your whole app, then just use providedIn root. (1/2)
New episode alert!
Cypress
John teaches Chris all about @Cypress_io for end to end testing in Angular including how it works, ways to use it, and even how to integrate it into CI pipelines.
@JohnGrahamDev@PilgrimSecret@angular
https://t.co/ZE57XJGUSX