Embed Sign-Up Form Modal In Table #40
Description
At a glance
You will be building a form. The form will be nested inside of a modal. The modal will be nested inside of each <Tr> in the table on the home page.
The form will allow the client to specify which project they would like to sign up for. The client will provide their email or other identifying information as well.
Context In the Larger Project
This issue builds upon #38.
Here is how this table will fit into the logical flow of the project:
Technical Details
Something to focus your energy on in this issue is learning how to handle form submits in React.
There are multiple options and some of them may not yet to be released in this version of React.
Some things to research if things go awry: bubble propagation, event propagation, preventing default behaviors in forms
Because you will have multiple composed React components, another challenge you may face is keeping track of state. If you get frustrated on this, see Resources for some potentially life altering advice about lifting state up in React.
Acceptance Criteria
Form successfully posts to backend.
Learning Goals
What's Important To Understand:
- Event listeners
- Forms in a React context
- Composing components
- Default behaviors in classic web components and how to override them
- Lifting State Up In React
Resources
Tech Leads we love you! Pester us with questions