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

- FIRE - Stacy's Exquisite #36

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

Conversation

StacyLundquist
Copy link

Assignment Submission: Exquisite React

Congratulations! You're submitting your assignment. Please reflect on the assignment with these questions.

Reflection

Prompt Response
Define in your own words: What does "state" in React mean? How do we use it? State represents a part of the component that will change based on user manipulation.
Describe the relationships between the components on a high-level: which components were siblings? Which components were nested within each other? Game was nested within App; Player Submission Form, Final Poem, and Recent Submission are siblings nested within Game.
How did this project differ from in-class examples? Taking a piece of data (in this case, an array) and using that same data for different reasons was different (and not something I was able to finish, yet.
How was this project similar to in-class examples? I found it to be similar to the worksheet and other examples in that the data was passed down and back up through the components.

Copy link

@CheezItMan CheezItMan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work Stacy, you have a fully functional Exquisite corpse game and you got all the tests to pass. Well done.

See my notes on the stringFormat and some of the warnings you're getting.

}

PlayerSubmissionForm.propTypes = {
index: PropTypes.number.isRequired,
sendSubmission: PropTypes.func.isRequired,
isSubmitted: PropTypes.bool.isRequired,

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a note, that because you've added this prop the tests are giving a warning because the tests aren't using. If you add that prop to the tests, the warning will stop.

Comment on lines 18 to +19
submission: PropTypes.string.isRequired,
isSubmitted: PropTypes.bool.isRequired,

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also if you're not using submission as a prop, you should change it. You're getting a warning because this is required, but you're not using it.

@@ -22,14 +49,14 @@ const Game = () => {
<p>Please follow the following format for your poetry submission:</p>

<p className="Game__format-example">
{ exampleFormat }
{ stringFormat }

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

stringFormat is a function here, so you can't render it. I'm not sure what this is supposed to do.

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