From 04113464fb711ed9113541db4ce6f52971cf9f8c Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 12 Aug 2022 20:03:05 +0400
Subject: [PATCH] Add advanced react hooks docs

---
 .../108-basic-hooks/readme.md                            | 4 ++--
 .../100-hooks/101-writing-your-own-hooks.md              | 9 ++++++++-
 .../100-hooks/102-common-hooks.md                        | 7 ++++++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md
index 937242e37..a05e6674c 100644
--- a/content/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md
+++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md
@@ -1,7 +1,7 @@
-# React Hooks
+# Hooks
 
 Hooks were introduced in React 16.8 and they let us use state and other React features without writing a class
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/hooks-intro.html'>Introduction to Hooks</BadgeLink>
-
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/hooks-reference.html'>Hooks Reference</BadgeLink>
diff --git a/content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/101-writing-your-own-hooks.md b/content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/101-writing-your-own-hooks.md
index 34888139f..c2235cb12 100644
--- a/content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/101-writing-your-own-hooks.md
+++ b/content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/101-writing-your-own-hooks.md
@@ -1 +1,8 @@
-# Writing your own hooks
\ No newline at end of file
+# Writing Custom Hooks
+
+Building your own Hooks lets you extract component logic into reusable functions.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/hooks-custom.html'>Creating Custom Hooks</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/how-to-create-react-hooks/'>How to Build Your Own React Hooks</BadgeLink>
+
diff --git a/content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/102-common-hooks.md b/content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/102-common-hooks.md
index 5ac4d43a6..85f786d90 100644
--- a/content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/102-common-hooks.md
+++ b/content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/102-common-hooks.md
@@ -1 +1,6 @@
-# Common hooks
\ No newline at end of file
+# Common Hooks
+
+React also has a lot of hooks that allow you to write more efficient React code.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/hooks-reference.html#usereducer'>React Hooks Reference</BadgeLink>