From c4291394feb383cf7b78a493677480821238dc5c Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 8 Dec 2021 19:36:48 +0100
Subject: [PATCH] Add react resources

---
 .../111-pick-a-framework/100-react-js/readme.md      | 12 +++++++-----
 .../114-js-first/100-tailwind-css.md                 |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md
index e33bfdd2e..314aa41b6 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md
@@ -1,8 +1,10 @@
-# React js
+# React
 
-A JavaScript library for building user interfaces
+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 badgeText='Read' href='https://reactjs.org/'>React.js Official Documentation is good starting point.</BadgeLink>
-<BadgeLink badgeText='Course' href='https://egghead.io/courses/the-beginner-s-guide-to-react'>The Beginner's Guide to React by Kent C. Dodds on egghead.io</BadgeLink>
-<BadgeLink badgeText='Watch' href='https://youtu.be/nTeuhbP7wdE'>React JS Course for Beginners - 2021 Tutorial</BadgeLink>
+<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='Watch' colorScheme='yellow' href='https://www.youtube.com/watch?v=i793Qm6kv3U'>Understanding React's UI Rendering Process</BadgeLink>
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
index d2177e79c..ba7135d1c 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
@@ -7,4 +7,4 @@ CSS Framework that provides atomic CSS classes to help you style components e.g.
 <BadgeLink colorScheme='blue' badgeText='YouTube Channel' href='https://www.youtube.com/c/TailwindLabs/videos'>Official Screencasts</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Watch' href='https://www.youtube.com/watch?v=hdGsFpZ0J2E'>Should You Use Tailwind CSS?</BadgeLink>
 <BadgeLink badgeText='Read' href='https://www.codemag.com/Article/2105091/Tailwind-CSS-An-Introduction'>Tailwind CSS: An Introduction</BadgeLink>
-<BadgeLink colorScheme='yellow' badgeText='Watch' href='https://www.youtube.com/watch?v=UBOj6rqRUME'>Tailwind CSS Crash Course</BadgeLink>
+<BadgeLink colorScheme='green' badgeText='Course' href='https://www.youtube.com/watch?v=UBOj6rqRUME'>Tailwind CSS Crash Course</BadgeLink>