Earth - Ringo

[ringolingo]

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 refers to important variables in the program that change over time. We use it to track the current value of these variables and to let the program know when these have changed so that it can re-render.
Describe the relationships between the components on a high-level: which components were siblings? Which components were nested within each other?	The Game component is nested within App. The RecentSubmission, PlayerSubmissionForm, and FinalPoem components are all nested inside of Game, which makes them siblings of each other.
How did this project differ from in-class examples?	This project had more conditionals than the in-class examples, checking which of the sibling components should be rendered at any given time depending on the state of the app. The FIELDS object that was passed down in props to PlayerSubmissionForm was also more complicated than the props from the in-class examples, since the contents had different shapes/data types (strings vs. objects) and had to be treated differently.
How was this project similar to in-class examples?	Saving the changing values of input fields to the state of the form child component, and passing them up to the parent component to be saved as part of the array of objects in state, was very similar to the in class examples.