Wini Irarrazaval - Insparation Board - Octos

[winirarrazaval]

Inspiration Board

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
Explain the steps in creating a new Card from the form.	You first see in the browser the form, where the html is rendered from the nwe card form that is passed to the boads.js and then to the app. Then you add some text and an emoji ( if you want) and an event happends, first, while typing the state of the new card form changes to what is typed. then when you hit submit, you call a callback function from Board.js that takes the information of the new card to the addnewcard function in Board.js. then a axios.post method is started sending all the information to the API and added. A respond is sent back, is an object with the new card information. Then the info of that card is shoveled into the cards state array so that we can see the new card in the board without having to refresh.
--	--
How did you learn how to use the API?	reading the docs and using postman.
What function did you use to place the GET request from the API to get the list of cards? Why use that function?	axios.get
Explain the purpose of a Snapshot test.	The purpose is to record how the html looks at an specific moment, and then when you run a test and is different it will tell you that it failed. Typing a U, if you think the "new" html is correct you can update the sanpshot.
What purpose does Enzyme serve in testing a React app?	I am not sure, is a library that helps you see the errors in an easy way?

[CheezItMan]

Inspiration Board

What We're Looking For

Feature	Feedback
Core Requirements
Git hygiene	Good number of commits and good commit messages
Comprehension questions	I think you misunderstood the GET request question. You placed the GET request in componentDidMount because that method is called just before the component is first placed into the DOM. Also Enzyme is a library which can shallowly render your components for effective snapshot testing and allow you to select elements inside a component to test eventing.
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
API
GET request made in componentDidMount	Check
DELETE request made in callback function
POST request made in callback function passed to NewCardForm component.
Snapshot testing	Check
Styling	Basic styling, but it could be improved.
Overall	Nice work with the extras to switch between boards. You hit all the learning goals, nice work!

[CheezItMan]

👍