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

Accelerator

How To Become An In-Demand Angular Architect & Accelerate Your Career In 8 Weeks The Angular Architect Accelerator online program’s next cohort will soon be kicked off! Sign up now by email to learn more and secure a seat for the free warmup workshop. Enrollment is currently closed but the next cohort will start soon…  Sign up to get notified about the

Read More »

Walkthrough: Building An Angular App Using Tailwind CSS and Nx

In this video, we will cover a walk-through from scratch covering how to Build and Angular app using Tailwind CSS and Nx including Angular standalone components. 🖌 Tailwind CSS setup and usage⚙️ Nx monorepo configuration🧍‍♂️ Standalone components✅ Building a complete app in less than 2 hours with best practices ⏳ Timestamps:0:00 – Intro1:00 – Tailwind

Read More »
Key principles for a successful Angular project

Key Principles for a Successful Angular Project

Learn the key principles to improve your Angular project including industry best practices and practical examples. This post covers all the things you’d need, ranging from monorepos, continuous delivery, to design systems and performance optimizations.

Read More »