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-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.