From 2f36199637453aeb79178287c68450b97ebcc148 Mon Sep 17 00:00:00 2001
From: Andrey Kudinov <64890665+andrey-kudinov@users.noreply.github.com>
Date: Sat, 23 Apr 2022 01:28:58 +0400
Subject: [PATCH] Add react content (#1234)

---
 .../118-server-side-rendering/100-react-js/readme.md | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md
index 350f33f88..900255043 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md
@@ -1 +1,11 @@
-# React js
\ No newline at end of file
+# React
+
+React is the most popular front-end JavaScript library for building user interfaces. React can also render on the server using Node and power mobile apps using React Native.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Framework Website' href='https://reactjs.org/'>React Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://reactjs.org/tutorial/tutorial.html'>Official Getting Started</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://egghead.io/courses/the-beginner-s-guide-to-react'>The Beginner's Guide to React</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=nTeuhbP7wdE'>React JS Course for Beginners</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=bMknfKXIFA8'>React Course - Beginner's Tutorial for React JavaScript Library [2022]</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=i793Qm6kv3U'>Understanding React's UI Rendering Process</BadgeLink>