Video Lesson

Video lesson card with a play thumbnail, duration badge, watched bar, and a chapter eyebrow.

Refactoring a big list · lesson
12:48
Chapter 4 · PerformanceRefactoring a big list into virtualized rows

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Education4 } from "@/components/beste/piece/education4";

<Education4
  title="Refactoring a big list into virtualized rows"
  duration="12:48"
  chapter="Chapter 4 · Performance"
  watched={40}
  imageSrc="https://images.unsplash.com/photo-1558865869-c93f6f8482af?auto=format&fit=crop&w=640&q=80"
  alt="Refactoring a big list · lesson"
/>