Lesson Highlights

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

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.

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

Import & use
import { Education18 } from "@/components/beste/piece/education18";

<Education18
  lesson="Lesson 6 · Hooks in depth"
  highlights={[
    {
      "text": "useEffect runs after the DOM commit, not during render.",
      "tone": "amber"
    },
    {
      "text": "Cleanup runs before the next effect, and on unmount.",
      "tone": "sky"
    }
  ]}
  note="Ask Priya about the stale-closure example in office hours."
/>

More Education pieces

View all Education
A
Graded
Essay · The ethics of automation92 / 100Compelling thesis, strong citations. Tighten the conclusion.

Grade Card

education14

Graded assignment card with a color-tinted letter tile, score fraction, and a clipped feedback excerpt.

Spanish vocab · Unit 412 due today
resolverReview
compartirLearning
el idiomaNew
bienvenidaMastered

Flashcard Deck

education27

Spaced-repetition deck summary with italic card fronts and new, learning, review, or mastered pills.

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.

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.

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.