Theo's Typesafe Cult•17mo ago

Return mapped data in fetch, or map in components?

Which do you prefer and why? Alternatively, what are the use cases for each?

Neto•8/14/24, 12:05 PM

on data source (fetch)

Neto•8/14/24, 12:06 PM

"pure" components are easier to reason with

Neto•8/14/24, 12:08 PM

Neto•8/14/24, 12:09 PM

SomeComponent is not tied to SomeFunction now

Neto•8/14/24, 12:09 PM

you can change either side and be happy

JinOP•8/14/24, 12:48 PM

Awesome, thanks. easy to understand.

type SomeData = {id: string, name: string}

async function SomeFunction(): Promise<SomeData[]> {
  const data = await fetch('/somewhere')
  const json = await data.json()

  return json.map(Mapper)
}

function SomeComponent(props: { data: SomeData[] }) {
  // whatever
}

type SomeData = {id: string, name: string}

async function SomeFunction(): Promise<SomeData[]> {
  const data = await fetch('/somewhere')
  const json = await data.json()

  return json.map(Mapper)
}

function SomeComponent(props: { data: SomeData[] }) {
  // whatever
}