Michael Egger-Zikes

Client-Side State Management Reimagined – Think Outside the Box

What if your entire state management lived in a service worker? This talk explores a new architecture for faster, multi-tab synced, and offline-ready applications.

Client-Side State Management Reimagined – Think Outside the Box
#1about 2 minutes

Exploring modern state management patterns beyond frameworks

State management concepts like signals and the Redux pattern are adaptable across various frontend frameworks, not just Angular.

#2about 3 minutes

Architectural strategies for enterprise frontend applications

Progress from a single component architecture to a scalable model with dedicated services for state management and data access.

#3about 4 minutes

Using NgRx Signal Store for robust state management

The NgRx Signal Store provides a dedicated solution for managing shared and cached state, including an event-driven API.

#4about 3 minutes

Understanding reactivity and the role of Angular Signals

Angular leverages multiple reactive APIs, with Signals becoming the primary mechanism for fine-grained DOM updates, replacing Zone.js.

#5about 2 minutes

How UI updates are triggered in a Zone-less future

Without Zone.js, UI synchronization is triggered by specific actions like signal updates, event bindings, and router navigation.

#6about 5 minutes

Implementing the event-driven NgRx Signal Store API

A practical look at using the experimental NgRx event API, including defining event groups, reducers, and handling side effects with RxJS.

#7about 3 minutes

Moving state management into a service worker

An experimental approach is proposed to move the entire state management layer into a service worker for better performance and new capabilities.

#8about 5 minutes

Challenges and an experimental service worker API

Overcoming challenges like dependency injection and cross-thread communication is key to implementing a service worker-based state management solution.

#9about 3 minutes

Benefits of a service worker-based architecture

This architecture enables a clean separation of concerns, improved performance, offline capabilities, multi-tab synchronization, and user re-engagement via push notifications.

Related jobs
Jobs that call for the skills explored in this talk.

Angular Developer

Picnic Technologies B.V.

Picnic Technologies B.V.
Amsterdam, Netherlands

Intermediate
Senior
TypeScript
Angular
+1

Matching moments

The only frontend stack that truly matters
11:10 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

The industry's focus on frameworks over web fundamentals
11:32 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

How a broken frontend culture impacts the web
04:02 MIN

How a broken frontend culture impacts the web

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Using Chrome's built-in AI for on-device features
06:44 MIN

Using Chrome's built-in AI for on-device features

Devs vs. Marketers, COBOL and Copilot, Make Live Coding Easy and more - The Best of LIVE 2025 - Part 3

Rapid-fire thoughts on the future of work
02:44 MIN

Rapid-fire thoughts on the future of work

What 2025 Taught Us: A Year-End Special with Hung Lee

Increasing the value of talk recordings post-event
04:57 MIN

Increasing the value of talk recordings post-event

Cat Herding with Lions and Tigers - Christian Heilmann

Using content channels to build an event community
04:49 MIN

Using content channels to build an event community

Cat Herding with Lions and Tigers - Christian Heilmann

The business case for sustainable high performance
03:34 MIN

The business case for sustainable high performance

Sustainable High Performance: Build It or Pay the Price

Featured Partners

Related Videos

See all videos
Angular Signals: what's all the fuss about?58:03

Angular Signals: what's all the fuss about?

Daniela Bonvini

NgRx Tips for Future-Proof Angular Apps26:58

NgRx Tips for Future-Proof Angular Apps

Marko Stanimirović

Angular tips/tricks you can use from tomorrow on50:28

Angular tips/tricks you can use from tomorrow on

Benedikt Starzengruber

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

Angular Unleashed: Mastering Modern Web Development with Angular58:56

Angular Unleashed: Mastering Modern Web Development with Angular

Indu Chaube

Bringing back reactivity in "reactive" frontend28:43

Bringing back reactivity in "reactive" frontend

Michał Moroz

Rethinking React State Management: The Power of Built-In Solutions23:39

Rethinking React State Management: The Power of Built-In Solutions

Marc Brehmer

Multiple Ships to the Island - Micro Frontends & Island Architectures59:03

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Related Articles

View all articles
DC
Daniel Cranney
Dev Digest 159: AI Pipelines, 10x Faster TypeScript, How to Interview
Inside last week’s Dev Digest 159 . 🤖 How to use LLMs to help you write code ⚡ How much electricity does AI need? 🔒 Is your API secure? Learn all about hardening it… 🟦 TypeScript switches to go and gets 10 times faster 🖼️ An image cropper in your ap...
Dev Digest 159: AI Pipelines, 10x Faster TypeScript, How to Interview
BR
Benjamin Ruschin
The HTML Elements That You’re Probably Over-Engineering
As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that come with using state management in React, Vue and o...
The HTML Elements That You’re Probably Over-Engineering

From learning to earning

Jobs that call for the skills explored in this talk.