Learn React.js by Building a Game Search App | React Crash Course for Beginners

Written version : https://jslegenddev.substack.com/p/le...
Assets : https://github.com/JSLegendDev/Game-D...
Spinner.jsx component code : https://jslegenddev.substack.com/i/16...
GameDetails.jsx component code : https://jslegenddev.substack.com/i/16...

RAWG API link : https://rawg.io/apidocs

-- Chapters --

0:00 Intro
1:06 Prerequisites
2:27 Tech Stack
3:59 What is Node.js and Why Do We Need it?
6:21 How to Set up React with Vite
25:09 How is React Initialized in Our Project?
27:32 What are React Components?
29:59 React VS React-DOM
32:32 Making Our First React Component
41:21 Creating The Search Component
49:14 What Are Hooks in React?
52:24 Setting Our Backend to Enable Search Requests to The RAWG API
58:26 Fetching Search Data on The Frontend
1:03:07 Creating a Custom Hook
1:08:32 Creating The Game Card Component
1:17:33 Rendering a List of Game Cards
1:21:16 Handling Edge Cases and Improving The User Experience
1:25:22 Building The Game Details Component
1:29:55 Rendering The Game Details Component
1:30:46 Creating The Screenshot Carousel