Add advanced react hooks docs

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>

content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/101-writing-your-own-hooks.md

@@ -1 +1,8 @@
-# Writing your own hooks
+# 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>
+

content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/102-common-hooks.md

@@ -1 +1,6 @@
-# Common hooks
+# 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>