Robust Client and Server State Synchronisation Framework For React Applications: react-state-sync

As the front-end web frameworks ecosystem evolves, we have encountered problems managing client data. Not only are the solutions for this problem diverse, but the problem too has devolved into two parts - client-side state and server-side state. The server-side state is not the same as UI (client-si...

Full description

Saved in:
Bibliographic Details
Main Authors: Tagdiwala, Viral, Bharoliya, Artik, Patel, Parth, Shah, Dhwanil, Aibin, Michal
Format: Conference Proceeding
Language:English
Subjects:
Codes
Computer architecture
Ecosystems
Libraries
Productivity
react
Rendering (computer graphics)
state synchronization
Synchronization
web development
Online Access:Request full text
Tags: Add Tag
No Tags, Be the first to tag this record!
Description
Summary:As the front-end web frameworks ecosystem evolves, we have encountered problems managing client data. Not only are the solutions for this problem diverse, but the problem too has devolved into two parts - client-side state and server-side state. The server-side state is not the same as UI (client-side state) and should be managed differently, which leads to the problem of ensuring synchronization between the two states. Our goal is to provide a consolidated architecture that ensures a full sync between the two states while being performant and developer friendly. Based on our tests against React Context API, we increased the dispatch performance by over 400%, significantly reducing the network calls and eliminating irrelevant re-renders.
ISSN:2576-7046
DOI:10.1109/CCECE58730.2023.10289106