Inspiration board Katherine

[KatherineJF]

Inspiration Board

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
Explain the steps in creating a new Card from the form.	set state of newFormCard class to watch "text" and "emoji" for changes. Create functions to map those values to fields. Create a function with a callBack to the addCard method in Board it updates the card array when the form is submitted. Render the form and index through available emojis to create a drop-down list in the form.
How did you learn how to use the API?	Followed examples in Ada Pets.
What function did you use to place the GET request from the API to get the list of cards? Why use that function?	componentDidMount is the best place to put calls to fetch data, using DidMount makes it clear that data won’t be loaded until after the initial render. So you don’t end up with undefined state that causes errors.
Explain the purpose of a Snapshot test.	Snapshot testing is regression testing it ensure stability after a change is made.
What purpose does Enzyme serve in testing a React app?	Enzyme makes testing easier by adding additional utility methods for rendering a component (or multiple components), finding elements, and interacting with elements.

[CheezItMan]

Inspiration Board

What We're Looking For

Feature	Feedback
Core Requirements
Git hygiene	Only two commits???
Comprehension questions	Check
General
Card Component renders the data provided as props	Check
Board Component takes a URL and renders the list of Cards and passes in callback functions	Check
NewCardform Component is a controlled form and uses a callback function to return entered data to the parent component	Check
API
GET request made in componentDidMount	Check
DELETE request made in callback function	Check
POST request made in callback function passed to NewCardForm component.	Check, but with a bug because you're not putting the ID assigned by the API into the card. This means that recently added cards can't be deleted.
Snapshot testing	Check
Styling	Check
Overall	Well done, you hit the major learning goals of the project. You do have a bug with your add-delete actions, see my inline notes.

[CheezItMan]

You should also set the state of the error messages here, otherwise the push will fail.

[CheezItMan]

This will fail, unless errors is initialized prior, or you use the |= operator.

[CheezItMan]

You're missing the id for cardData here.

You should have:

cardData.id = response.data.card.id;