[Project] Database queries should use React Query

[kmcginnes]

Database queries go through a custom fetch process within React code. This requires a lot of boilerplate context, hooks, callbacks, memos, etc of React specific code. But this logic amounts to a simple async fetch call with a set of parameters.

Benefits

• React Query has built in caching that does not depend on HTTP caching
• React Query has configurable retries
• Moving connector & explorer logic to functions will make them easier to understand, test, and might improve React rendering performance
• Moving connector & explorer logic to functions will make it easier to move this logic to the server or create an independent package/library

Related Issues

• Prerequisite [Project] Update libraries #357
• Addresses [Feature Request] Retry failed requests #269
• Addresses [Feature Request] Handle errors in keyword search better #256

Preferred Solution

• Convert connector & explorer code to simple TypeScript functions instead of React hooks and callbacks #335
• [Task] Wrap keywordSearch in React Query #340
• [Task] Wrap fetchNeighbors in React Query #338
• [Task] Wrap fetchNeighborsCount in React Query #339
• [Task] Wrap fetchSchema in React Query #336
• [Task] Wrap fetchVertexCountsByType in React Query #337
• [Task] Add cache window option per connection #443
• [Task] Separate node & edge count from schema sync #479

---

Tip

Please use a 👍 reaction to provide a +1/vote.

This helps the community and maintainers prioritize this request.

Important

If you are interested in working on this issue or have submitted a pull request, please leave a comment.