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."
/>