From 0b8ee5ca78f4944f0bb3eb34b921d0f7b77aa139 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 12 Aug 2022 16:43:42 +0400
Subject: [PATCH] Add components introduction docs

---
 .../102-components/readme.md                           | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/readme.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/readme.md
index f6ce326cb..dc205ed8d 100644
--- a/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/readme.md
+++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/readme.md
@@ -1 +1,9 @@
-# Components
\ No newline at end of file
+# Components
+
+Components are the building blocks of React applications. They let us split the UI into independent, reusable pieces, and think about each piece in isolation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/components-and-props.html'>Components and Props</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/react-component.html'>Components in Depth</BadgeLink>
+
+