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