Skip to content
This repository was archived by the owner on Apr 15, 2024. It is now read-only.

Conversation

@emrekaraca
Copy link
Contributor

@emrekaraca emrekaraca commented Sep 12, 2020

👋! 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 main since the assignment started. Your teacher can see this too.

Notes for teachers

Use this PR to leave feedback. Here are some tips:

  • Click the Files changed tab to see all of the changes pushed to main since 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”.
  • Click the Commits tab to see the commits pushed to main. Click a commit to see specific changes.
  • If you turned on autograding, then click the Checks tab to see the results.
  • This page is an overview. It shows commits, line comments, and general comments. You can leave a general comment below.

For more information about this pull request, read “Leaving assignment feedback in GitHub”.

Subscribed: @vader13

Copy link

@carolstran carolstran left a 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;

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 (
<>

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} />

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}`}

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants