Course Progress

58%
React performance14 of 24 lessons completed
About this piece

Course Progress

Circular ring showing percent complete next to a course label and a lessons-done caption.

Usage

The import and the props worth knowing about, in one place.

import { Education3 } from "@/components/beste/piece/education3";

<Education3
  completed={14}
  total={24}
  label="React performance"
  bordered={false}
/>

More Education pieces

View all Education
24 lessons
Design systems for shipping teams
Hania Rani
14day streak
Composing tokens with Tailwind18 min
TypeScript4,320 / 5,000 XP
Lv 7
Lesson 6
useEffect runs after the DOM commit, not during render.Cleanup runs before the next effect, and on unmount.
Ask Priya about the stale-closure example in office hours.
Full-stack TypeScript
Students12,480
Rating4.8
UpdatedLast week