Continue Learning

Resume-the-lesson banner with a play tile, eyebrow label, title, time remaining, and a Resume button.

Continue learningMemoizing expensive renders7 min left · Chapter 4

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

Import & use
import { Education8 } from "@/components/beste/piece/education8";

<Education8
  eyebrow="Continue learning"
  title="Memoizing expensive renders"
  remaining="7 min left · Chapter 4"
  action="Resume"
/>

More Education pieces

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

Video Lesson

education4

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

24 lessons
Design systems for shipping teams
Beste Sözen6h 42m
58%

Course Card

education1

Course tile with a gradient thumbnail, instructor byline, duration, and an inline progress bar.

Lesson 6 · Hooks in depth
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.

Lesson Highlights

education18

Saved-quote card grouping highlighter-tinted excerpts and an italic personal note beneath them.

14
14-day streakShow up tomorrow to keep it alive.

Learning Streak

education9

Streak card with a flame badge, seven-day dot grid, and an encouraging caption underneath.

Composing tokens with Tailwind18 min
03

Lesson Row

education2

Single lesson entry with a status glyph on the left, title, duration, and padded index on the right.

Midterm essayDue Thu 24 Apr · 23:59
79%
142Submitted
8Late
30Missing
180 students in cohort

Assignment Stats

education28

Teacher dashboard tile with a progress bar and three tinted tiles counting submitted, late, and missing.