Synchronization of State in Dynamic Angular Components

Share on facebook
Share on google
Share on twitter
Share on linkedin

In this video, I go through a common trap when dealing with state synchronization in dynamic and nested presentation components when developing Angular apps. The solution is to use reactive inputs which will give you the best of both worlds and make sure you still are keeping the clean smart/dumb component architecture. If you liked the video make sure to comment and subscribe. 🙂

Transcript

Hello, everyone, this is Christian Lüdemann here and this video is about how to synchronize state in dynamic components. Let’s start by look at a classic setup. We have a page container component which is communicating with a service and that service is able to dynamically create an Angular component and that Angular component is containing a presentation component and the page container component is getting its state from the store, that is, either an NgRx store or other reactive stores.

Do you want to become an Angular architect? Check out Angular Architect Accelerator.

Related Posts and Comments

How to do Cypress component testing for Angular apps with MSW

In this post, we will cover how to do Cypress Component testing with MSW (mock service worker) and why it’s beneficial to have a mock environment with MSW. The mock environment My recommendation for most enterprise projects is to have a mocking environment as it serves the following purposes : * The front end can

Read More »

Handling Authentication with Supabase, Analog and tRPC

In this video, I cover how to handle authentication with Supabase, Analog and tRPC. It’s based on my Angular Global Summit talk about the SPARTAN stack you can find on my blog as well. Code snippets Create the auth client Do you want to become an Angular architect? Check out Angular Architect Accelerator.

Read More »