Skip to content

Week-2 Assignment Complete#4

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

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

Conversation

@wandrew8
Copy link
Copy Markdown

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

Comment thread blog-homepage/src/App.js
function App() {
return (
<div className="app">
<section>
Copy link
Copy Markdown

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!

Copy link
Copy Markdown

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.

Comment thread blog-homepage/src/App.js
</section>

<section>
<h1>In case you missed it</h1>
Copy link
Copy Markdown

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));
Copy link
Copy Markdown

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 })
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

🌶️

}
};

Author.propTypes = {
Copy link
Copy Markdown

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 = {

Copy link
Copy Markdown

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';
Copy link
Copy Markdown

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