Skip to content

Conversation

@arrriiii
Copy link

Inspiration Board

Congratulations! You're submitting your assignment!

Comprehension Questions

Question Answer
Explain the steps in creating a new Card from the form. 1. Initializing the state of the form with text and emoji attributes. 2. Return a form in html with input and label tags for the message to be posted on the card. 3. Map the emoji-array of names to provide a drop down menu of emojis and interpolate the const in the select tag of the form. 4. Add event handlers for onChange and onSubmit to handle the new state of the form. 5. Send the results in a callback function to the Board component.
How did you learn how to use the API? Modified the Board component to retrieve the data from the API using axios. Per the documentation on the API, I used componentDidMount to set the initial state of a single board, then modified it to create a new board and a separate function to add and delete cards.
What function did you use to place the GET request from the API to get the list of cards? Why use that function? componentDidMount set the initial state of the DOM and retrieve the cards from an individual board.
Explain the purpose of a Snapshot test. To ensure that a component renders properly.
What purpose does Enzyme serve in testing a React app? Enzyme generates the snapshots for the test in the React app.
Summary

@Hamled
Copy link

Hamled commented Jun 22, 2018

Inspiration Board

What We're Looking For

Feature Feedback
Core Requirements
Git hygiene
Comprehension questions
General
Card Component renders the data provided as props
Board Component takes a URL and renders the list of Cards and passes in callback functions
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
DELETE request made in callback function
POST request made in callback function passed to NewCardForm component.
Snapshot testing
Styling
Overall

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