React Forms Quiz

What is the primary mechanism to collect user input in a form?

• Adding validation logic on form level

• Capturing user input

• Enhancing UX by providing feedback to user

• Displaying error message

What is the problem with the default form in React?

• Adding validation and UI feedback

• Blank screen when submit

• Handling form in React

• Controlling a single input in React

How can we control a single input in React?

• Binding to input value

• Adding more state to check and display error message

• Handling form in React

• Adding validation and UI feedback

What is Formik used for in React?

• Adding validation and UI feedback

• Building forms without the tears

• Handling form in React

• Controlling a single input in React

What does Formik take care of in managing forms?

• Keeping track of values/error/visited fields

• Controlling a single input in React

• Handling form in React

• Adding validation and UI feedback

How do we add Address field in Formik?

• Define shape for form values

• Add address field

• Update validation logic

• Add Field and ErrorMessage with matching key

What if a user has 2 or more addresses in Formik?

• Use FieldArray instead of Field

• Add address field

• Define shape for form values

• Update validation logic

What is the most popular open source form library for React and React Native?

• Redux-form

• Form Group

• Formik

• React Forms

What are the requirements for a form?

• Adding validation logic on form level

• Displaying error message

• Enhancing UX by providing feedback to user

• Capturing user input