Video Transcript

Timestamped transcript panel where the currently-playing line picks up a sky background highlight.

Transcript · 12:48 of 28:14
12:31
Prof. VasquezSo whenever you see a generic constraint like `T extends`, ask yourself what the caller will pass.
12:42
Prof. VasquezThis pattern prevents us from widening the type back to unknown.
12:58
PriyaWhat happens if we omit the constraint entirely?

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

Import & use
import { Education20 } from "@/components/beste/piece/education20";

<Education20
  lesson="Transcript · 12:48 of 28:14"
  lines={[
    {
      "timestamp": "12:31",
      "speaker": "Prof. Vasquez",
      "text": "So whenever you see a generic constraint like `T extends`, ask yourself what the caller will pass."
    },
    {
      "timestamp": "12:42",
      "speaker": "Prof. Vasquez",
      "text": "This pattern prevents us from widening the type back to unknown.",
      "active": true
    },
    {
      "timestamp": "12:58",
      "speaker": "Priya",
      "text": "What happens if we omit the constraint entirely?"
    }
  ]}
/>

More Education pieces

View all Education
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.

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

Noor Ahmed
Noor AhmedStudent · Cohort 12
Resolved

In lesson 6, the dependency array skips the `setCount` setter. Isn't it a stale closure risk?

4 replies12

Student Q&A card with an avatar header, resolved pill, clipped question body, and reply and like counts.

Full-stack TypeScript · Spring cohort
Students12,480
Rating4.8
UpdatedLast week

Course metadata strip summarizing student count, star rating, and last updated in a three-column grid.

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.

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.

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.