One prop name. Two choices.

Can you tell which props your future self will thank you for? Train your eye in under 5 minutes.

WHICH IS BETTER?

Worse

interface TodoItemProps {
  todo: Todo;
  loading: boolean;
  delete: () => void;
}

Better

interface TodoItemProps {
  todo: Todo;
  isLoading: boolean;
  onDelete: () => void;
}

10 challenges · no signup · takes 3 min

Spot the patterns PRs won't teach you

Real conventions from React, MUI, and production codebases.

deletevsonDelete

Callback naming — why the on prefix matters.

visiblevsisVisible

Boolean props — making yes/no questions obvious at a glance.

data: anyvsusers: User[]

Prop specificity — say what it is, not what it could be.