@escolalms/sdk
v0.5.35
Published
Frontend TS/JS connection to API.
Downloads
247
Readme
EscolaLMS Software Development Kit
The following project contains:
API Documentation
- Most of what you're looking for is covered by TypeDoc documentations.
Types
ts-models those types are automatically generated
React
For rapid React application development here is list of
Context
Simplest React appliaction consuming Wellms Context API would look like
import React, { useContext } from "react";
import ReactDOM from "react-dom/client";
import { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";
declare global {
interface Window {
REACT_APP_API_URL: string;
}
}
const App = () => {
const { user, courses, fetchCourses } = useContext(EscolaLMSContext);
useEffect(() => fetchCourses(), []);
console.log("current user data", user);
return (
<React.Fragment>
<ul>
{courses.list.map((course) => (
<li key={course.id}>{course.title}</li>
))}
</ul>
</React.Fragment>
);
};
const API_URL =
window.REACT_APP_API_URL ||
(process && process.env && process.env.REACT_APP_PUBLIC_API_URL);
ReactDOM.createRoot(document.getElementById("root") as Element).render(
<EscolaLMSContextProvider apiUrl={API_URL}>
<App />
</EscolaLMSContextProvider>
);
API endpoint calls
List of umi-request based
- Frontend App endpoints
- Admin endpoints