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

---
 .../content/100-react-fundamental-topics/101-jsx.md      | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/101-jsx.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/101-jsx.md
index 1baa3ba13..1d326b7ea 100644
--- a/content/roadmaps/103-react/content/100-react-fundamental-topics/101-jsx.md
+++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/101-jsx.md
@@ -1 +1,8 @@
-# Jsx
\ No newline at end of file
+# JSX
+
+JSX stands for JavaScript XML. It allows writing HTML in JavaScript and converts the HTML tags into React elements.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Introduction' href='https://reactjs.org/docs/introducing-jsx.html'>Introduction to JSX</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/jsx-in-react-introduction/'>JSX in React – Explained with Examples</BadgeLink>
+