diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/102-recoil.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/102-recoil.md
index d4741a034..9511c63f5 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/102-recoil.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/102-recoil.md
@@ -1 +1,9 @@
-# Recoil
\ No newline at end of file
+# Recoil
+
+Recoil is a new state management library built by the Facebook team that simplifies global state management.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://recoiljs.org/'>Recoil Official Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://recoiljs.org/docs/introduction/getting-started'>Official Documentation</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=BchtCWxs7sA'>Learn the basics of Recoil.js</BadgeLink>