An Event-Driven UI State Management Model for High-Concurrency Web and Mobile Systems

Abstract

In high-concurrency web and mobile systems—such as real-time dashboards, collaborative workspaces, and live asset tracking platforms—managing the consistency and propagation of User Interface (UI) state across thousands of concurrent clients and multiple back-end services presents a significant architectural challenge. Traditional centralized state management patterns (e.g., Redux, Vuex) often become performance bottlenecks and introduce complexity due to mutable state and rigid synchronization schemes. This paper proposes the Event-Driven UI State Management Model (EDUSM), a novel framework that decouples state mutations from UI components through an immutable, ordered stream of events. The model utilizes an Event Sourcing (ES) pattern at the core, where a dedicated State Projection Service (SPS) aggregates events into optimized, read-only UI models, distributed via low-latency server technologies (e.g., WebSockets, gRPC Streaming). The empirical evaluation, conducted on a simulated collaborative platform with $10,000$ active users, demonstrates that EDUSM achieves a $70\%$ reduction in state contention errors and maintains a P95 state propagation latency of under $150 \text{ms}$, confirming its superior reliability and responsiveness compared to mutable state management architectures in high-scale, dynamic environments.