Naheed Edges

[arangn]

Inspiration Board

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
Explain the steps in creating a new Card from the form.	Create the form, make sure the value and name are correct, write a function to dynamically create the options for the select emoji dropdown dropdown and use that function in your form, create an onInputChange function to grab the user input, pass that to the POST request to create a new card, then send another GET request to list the new card.
How did you learn how to use the API?	Reading documentation and experimenting in postman
What function did you use to place the GET request from the API to get the list of cards? Why use that function?	I used .map to place the GET request in order to pass all the information into the Card component.
Explain the purpose of a Snapshot test.	Comparing your changes to the existing render in order to see if your changes broke anything.
What purpose does Enzyme serve in testing a React app?	Enzyme lets us manipulate and make assertions on components, and also render and manipulate the DOM.

[tildeee]

Inspiration Board

What We're Looking For

Feature	Feedback
Core Requirements
Git hygiene	x
Comprehension questions	x
General
Card Component renders the data provided as props	x
Board Component takes a URL and renders the list of Cards and passes in callback functions	x
NewCardform Component is a controlled form and uses a callback function to return entered data to the parent component	x
API
GET request made in componentDidMount	x
DELETE request made in callback function	x
POST request made in callback function passed to NewCardForm component.	x
Snapshot testing	they exist and work, but all fail!
Styling	x
Overall

Good work Naheed!

It seems like all of your tests work, but need to be updated!

Other than that, I have a few comments, but otherwise your project looks good. Good work!

[tildeee]

it would be nice if you used the props passed into Board from App -- url and boardName!

[tildeee]

instead of making another get request via this.getCards, we would prefer that you modify state

[tildeee]

like above ... instead of making another get request via this.getCards, we would prefer that you modify state

[arangn]

I initially tried to update state, but it wouldn't re-render with the changes. When I did a hard refresh the new card would show/delete, but it wouldn't show up on its own after using setState. I wasn't able to find a solution so I went with another get request, but any ideas why setState wouldn't render?