Suspense with Solid

Farfetched has a Solid integration with Suspense support, just install @farfetched/solid.

pnpmyarnnpm

pnpm install @farfetched/solid

yarn add @farfetched/solid

npm install @farfetched/solid

And use createQueryResource to create a resource for your Query:

tsx

import { createQueryResource } from '@farfetched/solid';

function UserProfile() {
  const [user] = createQueryResource(userQuery);

  return (
    <Suspense fallback={<Loading />}>
      <section>
        <p>{user().name}</p>
        <p>{user().email}</p>
      </section>
    </Suspense>
  );
}

Suspense with Solid ​

Suspense with Solid