Fanis Prodromou – Google Developer Expert

You will learn what the defer block is, how it works, and see practical examples of how to use it.

In this talk, you will see the end-to-end development process, from the Angular user interface to the backend infrastructure. Join my talk to learn how to leverage Supabase's powerful features, including its integrated database, authentication, REST API, and real-time capabilities, to create a scalable and efficient application.

As Angular applications grow, our state management often follows one of two paths: a bloated, boilerplate-heavy global store or a complicated "God Component" managing dozens of RxJS streams or reactive signals. When you add complex requirements—like multi-layered filters, dynamic UI "pills," and bi-directional URL synchronization—the cracks in these traditional patterns begin to show.
In this talk, we will explore a fundamental shift in architecture: Atomic State Patterns.
By leveraging the power of Angular Signals, we can move away from monolithic state objects and toward decentralized, high-performance "atoms" of logic. We will live-architect a real-world filtering system, demonstrating how to:
Deconstruct the Monolith: Break down complex filter states into independent, composable Signal units.
Master the URL Bridge: Create a "Source of Truth" where the URL and local UI state are perfectly synced without race conditions.
Harness Derived State: Use computed() signals to automatically generate UI elements like "Filter Pills" without manual subscription management.
Stop fighting your state. Start composing it.