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

---
 .../102-components/101-class-components.md            | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/101-class-components.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/101-class-components.md
index ed8b2ce3e..b7cb7b6d2 100644
--- a/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/101-class-components.md
+++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/101-class-components.md
@@ -1 +1,10 @@
-# Class components
\ No newline at end of file
+# Class Components
+
+Components can either be created using the class based approach or a functional approach. These components are simple classes (made up of multiple functions that add functionality to the application). All class based components are child classes for the Component class of ReactJS.
+
+Although the class components are supported in React, it is encouraged to write functional components and make use of hooks in modern React applications.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/components-and-props.html#function-and-class-components'>Components and Props</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://medium.com/geekculture/is-there-any-reason-to-still-use-react-class-components-9b6a1e6aa9ef'>Is There Any Reason to Still Use React Class Components?</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/functional-components-vs-class-components-in-react'>Functional Components vs Class Components in React</BadgeLink>