18 replies

Does convex deal with caching duplicate queries?

for example, let's say. I have a comments section on my app, and I need to look up the user's name based on the id for each comment. Will convex be performant if I did something like this

function UserName({userId}: {userId: string) {
  const name = useQuery(api.users.getUserName, { userId}))
return name
}

function Page() {
  return <div>
    <UserName userId={'123'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
</div>
}

function UserName({userId}: {userId: string) {
  const name = useQuery(api.users.getUserName, { userId}))
return name
}

function Page() {
  return <div>
    <UserName userId={'123'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
</div>
}

function UserName({userId}: {userId: string) {
  const name = useQuery(api.users.getUserName, { userId}))
return name
}

function Page() {
  return <div>
    <UserName userId={'123'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
</div>
}

function UserName({userId}: {userId: string) {
  const name = useQuery(api.users.getUserName, { userId}))
return name
}

function Page() {
  return <div>
    <UserName userId={'123'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
</div>
}

Does convex deal with caching duplicate queries?

Similar Threads

Similar Threads

Similar Threads