@msflib/react-students¶
React Query helpers for the LMS students API.
Usage¶
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { StudentsProvider, useStudents } from '@msflib/react-students';
const queryClient = new QueryClient();
function App() {
return (
<QueryClientProvider client={queryClient}>
<StudentsProvider>
<Dashboard />
</StudentsProvider>
</QueryClientProvider>
);
}
function Dashboard() {
const { students, getStudent, refetch } = useStudents();
return (
<>
<button onClick={() => refetch()}>Refresh</button>
<button onClick={() => getStudent(1)}>Load student</button>
<pre>{JSON.stringify(students, null, 2)}</pre>
</>
);
}