Water - Beatrice

[Beatress]

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 is a way for components to have a persistent "memory" that persists between re-rendering. We use it to store any information the app needs on an ongoing basis.
Describe the relationships between the components on a high-level: which components were siblings? Which components were nested within each other?	FinalPoem, RecentSubmission, and PlayerSubmitForm were all siblings nested under the Game component.
How did this project differ from in-class examples?	It was a dynamic application with distinct phases (gameplay and then final poem) using the CSS display attribute. It also used a template variable (FIELDS) to construct itself, meaning that changes to the sentence structure could be rather easy.
How was this project similar to in-class examples?	It followed the general model of using props to pass info down and callback functions to modify state higher up as with Student

[CheezItMan]

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

You are failing a few tests, the reasons of which is just because you're hiding content with CSS and the tests are still seeing the HTML elements in the resulting page.

[CheezItMan]

Just note that if poem is empty this will send undefined to the prop submission and that's why you're getting a warning.

[CheezItMan]

You're hiding the content based on CSS while the test just assumes it's not rendered at all, which is why the test fails.