Skip to content

Week-2 Assignment Complete#4

Open
wandrew8 wants to merge 2 commits intofrontend-application-development-uw20:masterfrom
wandrew8:master
Open

Week-2 Assignment Complete#4
wandrew8 wants to merge 2 commits intofrontend-application-development-uw20:masterfrom
wandrew8:master

Conversation

@wandrew8
Copy link

Week 2 HW Submission

Please fill out the information below in order to complete your assignment. Feel free to update this comment later if necessary.

  • Comfort rating on this assignment: 4
  • Completion rating on this assignment: complete

function App() {
return (
<div className="app">
<section>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great use of semantic HTML elements!

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also very nice DOM structure here, very easy to read.

</section>

<section>
<h1>In case you missed it</h1>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A minor nit: typically SEO people will complain that a page should only have one h1 tag.

.forYou {
margin: 2rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

GRID!!

}

addBookmark() {
this.setState({ bookmarked: !this.state.bookmarked })

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🌶️

}
};

Author.propTypes = {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can also declare this within the class, using the static keyword and then I think PropTypes is capitalized.

constructor(props) {
super(props);
this.state = {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

import React from 'react';
import Author from '../components/Author';
import { PropTypes } from 'prop-types';
import '../App.scss';

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do you need to import App.scss into each component?

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants