Data flow + state management

A

Alex / KATT 🐱•3/17/23, 12:50 PM

Can you give some more concrete example of stuff you want to modify?

A

Alex / KATT 🐱•3/17/23, 12:50 PM

I feel like most data can be represented by trpc which in turn are react query blobs that are cached

A

Alex / KATT 🐱•3/17/23, 12:50 PM

When you do a mutation, you can optimistically update and/or invalidate to reload

A

Alex / KATT 🐱•3/17/23, 2:42 PM

i don't know why you need redux

A

Alex / KATT 🐱•3/17/23, 2:42 PM

you can just use trpc (or rather it's react-query) for state

A

Alex / KATT 🐱•3/17/23, 2:45 PM

if you want a hook you could do something like this

function useUserBalance() {
  const balanceQuery = trpc.balance.getBalance.useQuery();
  const utils = trpc.useContext();
  const balanceMutation = trpc.balance.updateBalance.useMutation()

  return [balanceQuery, balanceMutation] as const;
}

function useUserBalance() {
  const balanceQuery = trpc.balance.getBalance.useQuery();
  const utils = trpc.useContext();
  const balanceMutation = trpc.balance.updateBalance.useMutation()

  return [balanceQuery, balanceMutation] as const;
}

function useUserBalance() {
  const balanceQuery = trpc.balance.getBalance.useQuery();
  const utils = trpc.useContext();
  const balanceMutation = trpc.balance.updateBalance.useMutation()

  return [balanceQuery, balanceMutation] as const;
}

function useUserBalance() {
  const balanceQuery = trpc.balance.getBalance.useQuery();
  const utils = trpc.useContext();
  const balanceMutation = trpc.balance.updateBalance.useMutation()

  return [balanceQuery, balanceMutation] as const;
}

in the mutation you can do a bunch of optimistic updates of balance if you want
or you could just invalidate it when something changes which automatically refetches it

A

Alex / KATT 🐱•3/17/23, 2:45 PM

this is what i do in terms of invalidation personally: https://trpc.io/docs/useContext#invalidate-full-cache-on-every-mutation