Instructor Card

Nils Frahm
Nils FrahmReact instructor
24,182 students4.9 average
About this piece

Instructor Card

Teacher profile with an avatar, a subject line, and a student count and rating row.

Usage

The import and the props worth knowing about, in one place.

import { Education21 } from "@/components/beste/piece/education21";

<Education21
  name="Nils Frahm"
  title="React instructor"
  initials="NF"
  imageSrc="https://images.unsplash.com/photo-1554727242-741c14fa561c?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8ODd8fHBvcnRyYWl0fGVufDB8fDB8fHww"
  alt="Nils Frahm"
  students="24,182 students"
  rating="4.9 average"
  bordered={false}
/>

More Education pieces

View all Education
24 lessons
Design systems for shipping teams
Hania Rani
Top of the cohort
1
Joep Beving
Joep Beving98
2
Poppy Ackroyd
Poppy Ackroyd94
3
Max Richter
Max Richter91
Lubomyr Melnyk
Lubomyr MelnykGrade 7Redwood Middle School
Hania Rani
Hania Rani
Resolved

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

4 replies
Lesson 6
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.
The ethics of automation
A92 / 100