Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ari - Inspiration-Board- Octos #20

Open
wants to merge 13 commits into
base: master
Choose a base branch
from
Open

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