tRPCttRPC
Powered by
TrongarT
tRPC•3y ago•
4 replies
Trongar

Optimizing Data Refresh with trpc in React/Nextjs? Is there a more efficient way?

I'm working on a Nextjs project using trpc, and I've noticed that I'm repeating the same code for data refetching after mutations (add, update, delete) using trpc mutations. Is there a more efficient or DRY (Don't Repeat Yourself) approach to handle data refreshing after mutations with trpc in React? I'd appreciate any suggestions or best practices to optimize this process.

  const addTask = trpcClient.tasks.addTask.useMutation({
    onSettled: () => {
      getTasks.refetch();
    },
  });
  const setDone = trpcClient.tasks.setTaskStatus.useMutation({
    onSettled: () => {
      getTasks.refetch();
    },
  });

  const deleteTask = trpcClient.tasks.deleteTask.useMutation({
    onSettled: () => {
      getTasks.refetch();
    },
  });
  const addTask = trpcClient.tasks.addTask.useMutation({
    onSettled: () => {
      getTasks.refetch();
    },
  });
  const setDone = trpcClient.tasks.setTaskStatus.useMutation({
    onSettled: () => {
      getTasks.refetch();
    },
  });

  const deleteTask = trpcClient.tasks.deleteTask.useMutation({
    onSettled: () => {
      getTasks.refetch();
    },
  });
tRPCJoin
Move Fast & Break Nothing. End-to-end typesafe APIs made easy.
5,015Members
Resources
Recent Announcements

Similar Threads

Was this page helpful?

Similar Threads

Is there a way to use a more updated version of React Query in tRPC?
MikeyMMikey / ❓-help
3y ago
Nextjs, Expo react native, Trpc Help
GeekydevGGeekydev / ❓-help
7mo ago
TRPC with Turborepo Nextjs
LukaLLuka / ❓-help
2y ago