GraphQL Client adoption: Batch Changes

Created by: umpox

Plan

We’re looking to increase adoption of Apollo Client across batch changes components.

The aim of this issue is to identify and eventually improve areas that:

• Would benefit from serving cached data. High-traffic areas where data is unlikely to change whilst the user is on the page.
• Would benefit from refactoring data fetching logic into a shared API. Some examples may be complicated RxJS code that could be abstracted, or usage of FilteredConnection that has proven difficult to modify previously.

Useful resources

• Migrating from requestGraphQL | queryGraphQL | mutateGraphQL usage to useMutation and useQuery hooks.
• Utilising the Apollo cache by adding the correct id fields to queries or providing alternative keyFields to use.
• Migrating from FilteredConnection to useConnection and abstract FilteredConnection UI components: https://github.com/sourcegraph/sourcegraph/commit/037dc8022ae8e0368e07131856c684715b731a1e

Please use this issue to discuss and identify these areas. Will create follow-on tickets to track implementation.

Tracked issues

@courier-new: 1.00d

• https://github.com/sourcegraph/sourcegraph/issues/22507 1.00d
  • (🏁 303 days ago) https://github.com/sourcegraph/sourcegraph/issues/24417 (PRs: #25378, #25379, #25381, #26408) 1.00d

Completed: 1.00d

• (🏁 303 days ago) https://github.com/sourcegraph/sourcegraph/issues/24417 (PRs: #25378, #25379, #25381, #26408) 1.00d

Legend

• 👩 Customer issue
• 🐛 Bug
• 🧶 Technical debt
• 🎩 Quality of life
• 🛠️ Roadmap
• 🕵️ Spike
• 🔒 Security issue
• :shipit: Pull Request