From 41e604e7838a84b0af7aafad2f068ed3f792d9a1 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 13 Aug 2022 02:10:20 +0400
Subject: [PATCH] Add forms content

---
 .../105-forms/100-react-hook-form.md                |  8 +++++++-
 .../102-react-ecosystem/105-forms/101-formik.md     | 13 ++++++++++++-
 .../102-react-ecosystem/105-forms/102-final-form.md |  9 ++++++++-
 .../content/102-react-ecosystem/105-forms/readme.md |  4 +++-
 4 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/100-react-hook-form.md b/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/100-react-hook-form.md
index 8325c40bc..68e3a9698 100644
--- a/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/100-react-hook-form.md
+++ b/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/100-react-hook-form.md
@@ -1 +1,7 @@
-# React hook form
\ No newline at end of file
+# 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>
diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/101-formik.md b/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/101-formik.md
index 517ac663c..ef4d2dc48 100644
--- a/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/101-formik.md
+++ b/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/101-formik.md
@@ -1 +1,12 @@
-# Formik
\ No newline at end of file
+# 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>
+
+
+
+
diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/102-final-form.md b/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/102-final-form.md
index 1fceaae24..df2f74007 100644
--- a/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/102-final-form.md
+++ b/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/102-final-form.md
@@ -1 +1,8 @@
-# Final form
\ No newline at end of file
+# 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>
+
diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/readme.md b/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/readme.md
index 4c010a860..7c9976493 100644
--- a/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/readme.md
+++ b/content/roadmaps/103-react/content/102-react-ecosystem/105-forms/readme.md
@@ -1 +1,3 @@
-# Forms
\ No newline at end of file
+# 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.