React Suspense Query
A library for React Suspense Query management
Usage
Assume you have a function getUserDetails that gets the user details:
useQueryData
let { userId } = useParams();
// useQueryControls<TData, TArgs extends unknown[], TError>(query, options?);
// infered user type from fn: User
let user = useQueryData(getUserDetails, {
args: [+userId],
});useQueryError
// useQueryError<TError>(query)
let error = useQueryError(getUserDetails);useQueryControls
// needs types annotation
// useQueryControls<TData, TArgs extends unknown[], TError>(query)
let { isPending, run, setData, setError } = useQueryControls(getUserDetails);useMutation
// needs types annotation
// useMutation<T, A extends unknown[], R>(mutation, queriesToInvalidateOnSuccess?)
let [run, isPending] = useMutation(updateUser, [getUserDetails]);
run(newUserData);Roadmap
- [x] Basic Query sharing and manipulation
- [ ] Cache management
- [ ] Mutations
- [ ] SSR
- [ ] RSC