SolidJS•9mo ago•

12 replies

how to use createAsync to feed createSignal

How should i guarantee that my signals are initialized AND fed with the

Acessor

Acessor

from createAsync, while using

<Suspense>

<Suspense>

?
The documentation doesn't make clear how the

Acessor

Acessor

created by createAsync interacts with

createSignal

createSignal

. Will the

createSignal

createSignal

s correctly intereact with

<Suspense>

<Suspense>

?

Which one of these two solutions would be the correct/recomended?

  const { id } = useParams<{id: string}>();
  const queryAcessor = createAsync(() => fetchSomething(id));
  const [value, setValue] = createSignal(queryAcessor()?.data?.value);

  return <Suspense fallback={<LoadingSpinner />}>
    {tileRadius()}
  </Suspense>

  const { id } = useParams<{id: string}>();
  const queryAcessor = createAsync(() => fetchSomething(id));
  const [value, setValue] = createSignal(queryAcessor()?.data?.value);

  return <Suspense fallback={<LoadingSpinner />}>
    {tileRadius()}
  </Suspense>

  const { id } = useParams<{id: string}>();
  const queryAcessor = createAsync(() => fetchSomething(id));
  const [value, setValue] = createSignal();

  createComputed(() => {
    const data = queryAcessor()?.data;
    if(!data) return

    setValue(data.value)
  })

  return <Suspense fallback={<LoadingSpinner />}>
    {tileRadius()}
  </Suspense>

  const { id } = useParams<{id: string}>();
  const queryAcessor = createAsync(() => fetchSomething(id));
  const [value, setValue] = createSignal();

  createComputed(() => {
    const data = queryAcessor()?.data;
    if(!data) return

    setValue(data.value)
  })

  return <Suspense fallback={<LoadingSpinner />}>
    {tileRadius()}
  </Suspense>

SolidJS•9mo ago•

12 replies

Gaba

how to use createAsync to feed createSignal

How should i guarantee that my signals are initialized AND fed with the

Acessor

Acessor

from createAsync, while using

<Suspense>

<Suspense>

?
The documentation doesn't make clear how the

Acessor

Acessor

created by createAsync interacts with

createSignal

createSignal

. Will the

createSignal

createSignal

s correctly intereact with

<Suspense>

<Suspense>

?

Which one of these two solutions would be the correct/recomended?

  const { id } = useParams<{id: string}>();
  const queryAcessor = createAsync(() => fetchSomething(id));
  const [value, setValue] = createSignal(queryAcessor()?.data?.value);

  return <Suspense fallback={<LoadingSpinner />}>
    {tileRadius()}
  </Suspense>

  const { id } = useParams<{id: string}>();
  const queryAcessor = createAsync(() => fetchSomething(id));
  const [value, setValue] = createSignal(queryAcessor()?.data?.value);

  return <Suspense fallback={<LoadingSpinner />}>
    {tileRadius()}
  </Suspense>

  const { id } = useParams<{id: string}>();
  const queryAcessor = createAsync(() => fetchSomething(id));
  const [value, setValue] = createSignal();

  createComputed(() => {
    const data = queryAcessor()?.data;
    if(!data) return

    setValue(data.value)
  })

  return <Suspense fallback={<LoadingSpinner />}>
    {tileRadius()}
  </Suspense>

  const { id } = useParams<{id: string}>();
  const queryAcessor = createAsync(() => fetchSomething(id));
  const [value, setValue] = createSignal();

  createComputed(() => {
    const data = queryAcessor()?.data;
    if(!data) return

    setValue(data.value)
  })

  return <Suspense fallback={<LoadingSpinner />}>
    {tileRadius()}
  </Suspense>

how to use createAsync to feed createSignal

Similar Threads

how to use createAsync to feed createSignal

Similar Threads

Similar Threads

Similar Threads