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

Leah - Water #41

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

Leah - Water #41

wants to merge 10 commits into from

Conversation

scottzec
Copy link

@scottzec scottzec commented Jan 8, 2021

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 in react is where values that can change are stored that comprise a component's current values. The component re-renders as its state changes. Here I used state to keep track of if the poem had been submitted for "final poem submission" and also to keep track of the state of the submitted lines the entire duration l'exquisite game is played.
Describe the relationships between the components on a high-level: which components were siblings? Which components were nested within each other? RecentSubmission, PlayerSubmissionForm and FinalPoem are siblings nested within the Game component
How did this project differ from in-class examples? Having conditionals. Hiding components. We don't really touch App.js and I'm not sure why, just a personal choice of project to do the App stuff in Game.js?
How was this project similar to in-class examples? Built off of what Chris showed us for input validation to make the empty fields pink ( className={emailValid() ? "valid" : "invalid"} )

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 Leah, you have a fully functional Exquisite corpse game and you got all the tests to pass. Well done.

@@ -3,22 +3,81 @@ import PropTypes from 'prop-types';

import './PlayerSubmissionForm.css';

const PlayerSubmissionForm = () => {
const PlayerSubmissionForm = (props) => {

Choose a reason for hiding this comment

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

Just a note, you're getting a warning on the tests just because the tests send different props than you are using in the full app.

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