-
Notifications
You must be signed in to change notification settings - Fork 0
Feedback #1
base: feedback
Are you sure you want to change the base?
Feedback #1
Conversation
carolstran
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Left one comment about semantics, but overall this is some good looking JSX 👏🏼 💯 🎉
| */ | ||
| export default function App() { | ||
| return <div>Replace this with your beautiful JSX</div>; | ||
| const members = team; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You were the only one to experiment with JS variables before the return, nice job!
| const members = team; | ||
|
|
||
| return ( | ||
| <> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good use of fragments 😍
| {members.map((member) => ( | ||
| <tr className="member-row"> | ||
| <td className="avatar-cell" key={member.name}> | ||
| <img alt="userImage" src={member.image} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Because the alt attribute primarily helps people who use screen readers to access websites, we want to make sure that the text describes each individual image in the map.
One way to do this would be to use the name:
// On its own
alt={member.name}
// Inside a template literal
alt={`Headshot of ${member.name}`}
👋! GitHub Classroom created this pull request as a place for your teacher to leave feedback on your work. It will update automatically. Don’t close or merge this pull request, unless you’re instructed to do so by your teacher.
In this pull request, your teacher can leave comments and feedback on your code. Click the Subscribe button to be notified if that happens.
Click the Files changed or Commits tab to see all of the changes pushed to
mainsince the assignment started. Your teacher can see this too.Notes for teachers
Use this PR to leave feedback. Here are some tips:
mainsince the assignment started. To leave comments on specific lines of code, put your cursor over a line of code and click the blue + (plus sign). To learn more about comments, read “Commenting on a pull request”.main. Click a commit to see specific changes.For more information about this pull request, read “Leaving assignment feedback in GitHub”.
Subscribed: @vader13