Module @hiyve/react-courses

@hiyve/react-courses — React components for structured courses.

For clients: MyCourses (their course library) and CoursePlayer (a sidebar outline with what is done and locked, the lesson, and Complete & continue). For providers: CourseLibrary, CourseBuilder (outline, blocks, unlock rules, quizzes) and CourseClients (enroll from your roster, approve lessons, follow progress). Wrap them in CourseProvider with a CourseStorage from @hiyve/courses — or, with Hiyve, useHiyveCourseStorage from @hiyve/react-courses/hiyve.

Example

import { CourseProvider, MyCourses, CoursePlayer } from '@hiyve/react-courses';

<CourseProvider storage={storage} currentUser={{ userId: 'client@example.com', userName: 'Alex' }}>
  {enrollmentId
    ? <CoursePlayer enrollmentId={enrollmentId} onBack={() => setEnrollmentId(null)} />
    : <MyCourses onOpenCourse={setEnrollmentId} />}
</CourseProvider>

Interfaces

Type Aliases

AnyCourseBlockType
ClientStatus
NewBlockType
SaveState

Variables

ACCESS_SYNC_INTERVAL_MS
BUILDER_SAVE_IDLE_MS
defaultCourseLabels
PROGRESS_SAVE_IDLE_MS
PROGRESS_SAVE_MAX_WAIT_MS

Module @hiyve/react-courses

Example

Interfaces

Type Aliases

Variables

Functions

Settings

On This Page