data-client-react

For API definitions (like TodoResource), apply the skill "data-client-rest".

Prefer using AsyncBoundary for error handling and loading states unless the codebase has a custom AsyncBoundary that already combines Suspense and ErrorBoundary. Its props are fallback, errorComponent, and errorClassName and listen. It can be used to wrap any component that fetches data.

Controller is returned from useController(). It has: ctrl.fetch(), ctrl.fetchIfStale(), ctrl.expireAll(), ctrl.invalidate(), ctrl.invalidateAll(), ctrl.setResponse(), ctrl.set(), ctrl.setError(), ctrl.resetEntireStore(), ctrl.subscribe(), ctrl.unsubscribe().

使用 @data-client/react 鉤子 - useSuspense、useQuery、useCache、useLive、useDLE、useSubscription、useController 用於獲取/突變、DataProvider、AsyncBoundary、useLoading、useDebounce 來源：reactive/data-client。