Course Card

24 lessons
Design systems for shipping teams
Hania Rani
About this piece

Course Card

Course tile with a gradient thumbnail, lesson count, instructor byline, and a progress bar.

Usage

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

import { Education1 } from "@/components/beste/piece/education1";

<Education1
  surface="card"
  bordered={false}
  inverted={false}
  title="Design systems for shipping teams"
  instructor="Hania Rani"
  lessons={24}
  lessonsLabel="lessons"
  progress={58}
  tone="primary"
/>

More Education pieces

View all Education
Refactoring a big list lesson
12:48
Refactoring a big list into virtualized rows
Lubomyr Melnyk
Lubomyr MelnykGrade 7Redwood Middle School
Advanced React
Submitted
State management patterns
Due Apr 30
Spanish vocab12 due today
resolverReview
compartirLearning
bienvenidaMastered
Nils Frahm
Nils FrahmReact instructor
24,182 students4.9 average
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.