AI Poland 2026 · Free online webinar

NgRx and AI Agents

Live online webinar 100% free

Connect your Angular app
to AI agents.

Join Rainer Hahnekamp to see how NgRx SignalStore becomes the shared state layer that connects your Angular frontend to AI agents, both in the browser and on the backend.

Tuesday, 3 November 2026 · 17:00 CET60 minutes · Online · Free

No fee, no ticket needed. Register with your e-mail and we will send you the link to join. With Rainer Hahnekamp · Google Developer Expert for Angular, NgRx core team, trainer at Angular Architects.

Workshop host Rainer Hahnekamp
SIGNALSTORE AT THE CENTER
Rainer HahnekampGoogle Developer Expert for Angular · NgRx core team
The big picture

SignalStore connects your frontend to AI agents.

One shared state layer holds your application's state and operations. Your components read and write it, a backend AI agent reaches it through AG-UI, and a model running locally in the browser reaches it through WebMCP.

Architecture diagram: Angular components and AI agents all connect to a central NgRx SignalStore. A native browser model connects via WebMCP, a backend AI agent connects via AG-UI.
NgRx SignalStore WebMCP · browser model AG-UI · backend agent
What we'll use
AngularNgRx SignalStoreWebMCPAG-UIChrome Prompt API
01 / STORE

The store as the backbone.

See how NgRx SignalStore holds your application's state and operations, and gives your frontend a common foundation for every interaction.

02 / AGENTS

When AI agents enter the frontend.

A model running in the browser reaches your app through WebMCP; a backend AI agent connects through AG-UI. Two paths, one application.

03 / CONNECT

Agents and state, together.

Watch both agents use the application's existing state and operations in SignalStore to drive the frontend, instead of bolting on a separate layer.

One hour. End to end.

From a SignalStore
to agent-ready Angular.

A focused, demo-driven session: we start from an Angular app with NgRx SignalStore and show two ways AI agents interact with it, in the browser and on the backend. You can follow along without coding.

NgRx and AI Agents
  1. 01

    How agents change your app

    What shifts in an Angular application once AI agents start interacting with it.

  2. 02

    SignalStore as the backbone

    The store as the holder of application state and a shared foundation for interactions.

  3. 03

    A browser agent via WebMCP

    A model running locally through Chrome's Prompt API interacts with the app through WebMCP.

  4. 04

    A backend agent via AG-UI

    A backend AI agent connects to the same SignalStore through AG-UI.

  5. 05

    Connecting agents and state

    How agents reuse the application's existing state and operations to drive the frontend.

  6. 06

    Takeaways & next steps

    Wrap-up. The GitHub repository and architecture diagram are shared after the webinar.

Workshop host Rainer Hahnekamp
Meet your host

Rainer Hahnekamp

Google Developer Expert for Angular · NgRx core team · Trainer at Angular Architects

Rainer is a Google Developer Expert for Angular and a member of the NgRx team. As a trainer and consultant at Angular Architects, he helps teams build maintainable, high-quality Angular applications, and is well known in the community for his Angular content and talks.

In this session he shows where NgRx SignalStore fits once AI agents enter the picture, and demonstrates browser-side and backend agents interacting with the same Angular application through WebMCP and AG-UI.

AngularNgRxSignalStoreAI agentsGDE
Good to know

Before you join.

Is the webinar free?

Yes, completely. There is no fee and you do not need a conference ticket. Just register with your e-mail.

What will we cover?

How NgRx SignalStore provides a shared state layer for your Angular app, and how a browser model (via WebMCP) and a backend agent (via AG-UI) interact with it. We demonstrate both approaches in practice.

Do I need to prepare anything?

No setup or preparation is required. This is a demonstration, so you can follow along without coding. Basic knowledge of Angular and Signals will help you follow the examples.

Who is it for?

Angular developers who want to prepare their applications for AI agents and understand where SignalStore fits into that architecture.

Will materials be shared?

Yes. The GitHub repository and the architecture diagram are made available after the webinar.

When does it take place?

The webinar takes place on Tuesday, 3 November 2026 from 17:00 to 18:00 CET (Europe/Warsaw).

Ready? Free

Save your free seat for Tuesday, 3 November.

Takes 10 seconds. You only need an e-mail address.

Save my free seat