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! :)