From acfb6aa0bc3cd7a6ffd9d85b469b7c63a625d5b6 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 12 Aug 2022 20:05:07 +0400
Subject: [PATCH] Add render props in react

---
 .../101-react-advanced-topics/103-render-props.md        | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/103-react/content/101-react-advanced-topics/103-render-props.md b/content/roadmaps/103-react/content/101-react-advanced-topics/103-render-props.md
index 9157f94dc..7c1ac302f 100644
--- a/content/roadmaps/103-react/content/101-react-advanced-topics/103-render-props.md
+++ b/content/roadmaps/103-react/content/101-react-advanced-topics/103-render-props.md
@@ -1 +1,8 @@
-# Render props
\ No newline at end of file
+# Render Props
+
+The term “render prop” refers to a technique for sharing code between React components using a prop whose value is a function.
+
+A component with a render prop takes a function that returns a React element and calls it instead of implementing its own render logic.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/render-props.html'>Render Props in React</BadgeLink>