Add forms content

content/roadmaps/103-react/content/102-react-ecosystem/105-forms/100-react-hook-form.md

@@ -1 +1,7 @@
 # React hook form
+
+React hook form is an opensource form library for react. Performant, flexible and extensible forms with easy-to-use validation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://react-hook-form.com/'>React Hook Form: Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='GitHub Repository' href='https://github.com/react-hook-form/react-hook-form'>react-hook-form/react-hook-form</BadgeLink>

content/roadmaps/103-react/content/102-react-ecosystem/105-forms/101-formik.md

@@ -1 +1,12 @@
 # Formik
+
+Formik is another famous opensource form library that helps with getting values in and out of form state, validation and error messages, and handling form submissions.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://formik.org/'>Official Website — Formik</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://formik.org/docs/overview'>Getting Started</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='GitHub Repository' href='https://github.com/formik/formik'>formik/formik</BadgeLink>
+
+
+
+

content/roadmaps/103-react/content/102-react-ecosystem/105-forms/102-final-form.md

@@ -1 +1,8 @@
 # Final form
+
+High performance subscription-based form state management for React.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://final-form.org/react'>Final Form — Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='GitHub Repository' href='https://github.com/final-form/react-final-form'>final-form / react-final-form</BadgeLink>
+

content/roadmaps/103-react/content/102-react-ecosystem/105-forms/readme.md

@@ -1 +1,3 @@
 # Forms
+
+Although you can build forms using vanilla React, it normally requires a lot of boilerplate code. This is because the form is built using a combination of state and props. To make it easier to manage forms, we use some sort of library.