The part about destructuring props is not completely correct. The second example shows: const { name, age, phone } = props.user; while the third example shows: const UserCard = ({ name, age, phone })=> { It should read instead: const UserCard = ({ user })=> { and be used as user.name or user.age, or even better: const UserCard = ({ user: { name, age, phone } })=> { and be used simply with name or age. Other than that, good article. Thanks! :)