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.

Matching moments

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

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 value of progressive enhancement and semantic HTML
03:31 MIN

The value of progressive enhancement and semantic HTML

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The origin story of the Polypane developer browser
05:28 MIN

The origin story of the Polypane developer browser

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Recreating React components using AI and dev tools
04:56 MIN

Recreating React components using AI and dev tools

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech 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

Solving date and time issues with the Temporal API
06:47 MIN

Solving date and time issues with the Temporal API

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

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

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

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

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

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

Marc Brehmer

Related Articles

View all articles
DC
Daniel Cranney
Dev Digest 203: Play 90s Games, Don't Return to Office & Manage Agents
Inside last week’s Dev Digest 203 . 👔 AI coding agents need managers 📲 Running Claude Code on your phone ⚠️ How secure is vibe code? 🤔 Can we fix web dependencies? 🕸️ Search the human web 💻 Copy website designs with one click 🕹️ Play all your favour...
Dev Digest 203: Play 90s Games, Don't Return to Office & Manage Agents
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

From learning to earning

Jobs that call for the skills explored in this talk.