diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/105-component-life-cycle.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/105-component-life-cycle.md
index 50fe439bf..f2fb7cc27 100644
--- a/content/roadmaps/103-react/content/100-react-fundamental-topics/105-component-life-cycle.md
+++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/105-component-life-cycle.md
@@ -1 +1,9 @@
-# Component life cycle
\ No newline at end of file
+# Component Life Cycle
+
+Each component has several “lifecycle methods” that you can override to run code at particular times in the process. You can use this [lifecycle diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) as a cheat sheet. In the list below, commonly used lifecycle methods are marked as bold. The rest of them exist for relatively rare use cases.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/react-component.html#the-component-lifecycle'>The Component Lifecycle</BadgeLink>
+
+
+