React Suspense Query

A library for React Suspense Query management

Usage

Assume you have a function getUserDetails that gets the user details:

useQueryData

1let { userId } = useParams();
2
3// useQueryControls<TData, TArgs extends unknown[], TError>(query, options?);
4// infered user type from fn: User
5let user = useQueryData(getUserDetails, {
6	args: [+userId],
7});

useQueryError

1// useQueryError<TError>(query)
2let error = useQueryError(getUserDetails);

useQueryControls

1// needs types annotation
2// useQueryControls<TData, TArgs extends unknown[], TError>(query)
3let { isPending, run, setData, setError } = useQueryControls(getUserDetails);

useMutation

1// needs types annotation
2// useMutation<T, A extends unknown[], R>(mutation, queriesToInvalidateOnSuccess?)
3let [run, isPending] = useMutation(updateUser, [getUserDetails]);
4
5
6
7run(newUserData);

Roadmap

• Basic Query sharing and manipulation
• Cache management
• Mutations
• SSR
• RSC