Using React Query for state management with React Flow
Hello,
I've built a nextjs application using React Flow (flowchart package) and Zustand for client-side state management of the RF Nodes (flowchart boxes). I'm using React Query for server state management and synchronization for everything else in the application.
I'm trying to decide if I should rip out Zustand and replace it with RQ for Node state management or If I need to build some kind of bridge.
There would be serious performance issues if I mutate the state and trigger a server update on every small state change in the ReactFlow chart:
* For example the
* I could instead use the
I'm currently thinking I would have:
*
* a
* and use
Is this the correct approach?
Are there any other performance issues I need to think about?
Thanks in advance this is my first project with RF
I've built a nextjs application using React Flow (flowchart package) and Zustand for client-side state management of the RF Nodes (flowchart boxes). I'm using React Query for server state management and synchronization for everything else in the application.
I'm trying to decide if I should rip out Zustand and replace it with RQ for Node state management or If I need to build some kind of bridge.
There would be serious performance issues if I mutate the state and trigger a server update on every small state change in the ReactFlow chart:
* For example the
onChange* I could instead use the
onNodeDragStopI'm currently thinking I would have:
*
useNodes* a
useUpdateNode* and use
setQueryDataIs this the correct approach?
Are there any other performance issues I need to think about?
Thanks in advance this is my first project with RF
