Course Introduction

Resources [Important]

React Introduction

Environment Setup

Create React App

React: Behind The Scenes

Untitled item

Components: Class & Function Based

JSX: In-depth Introduction 

Basic Template Structure

Why We Need States? 

State Introduction: useState

useState: Multiple Updates

useState: Array State Value

useState: Array setState Value

Conditional Templates

Quick Hook Advice

Multiple Components & Fragments 

Props: In-depth Introduction

Props: Children

Prop Drilling

Global Level Styling

Component Level Styling

Inline Level Styling

Dynamic Level Styling

Module Level Styling

Forms & Input

onChange Event 

Controlled Inputs

onSubmit Event

Add New Task 

useRef Hook 

JSON Server

useEffect Hook

React StrictMode

List Output

onClick Event 

useCallback Hook 

Custom Hook (useFetch)

Loading State

Handling Errors (try/catch)

Aborting Fetch Request

Infinite Loops

TaskMate Demo

Project Structure

Components 

State: tasklist & setTasklist 

Function: Edit & Delete

Warning: Undefined Value

Update Button

Local Storage: Store All Tasks

Theme: Change Background 

Project Deployment

React Router Introduction

React Router Setup 

Navigation

Route Parameters

No Route Found

Nested Routes

Project Restructuring

Cinemate Demo

Project Setup

Tailwind Introduction

TMDB API: Documentation

UI Design (Tailwind & Flowbite)

Navigation Structure

Dark Mode Integration 

Movie List Structure

API Fetch: Movie List

Custom Hook: useFetch

API Fetch: Movie Search 

Tailwind CSS Customization

Page Not Found

Individual Movie Information

Scroll Restoration: Scroll To Top

Dynamic Page Title 

Style Update

Development Branch On Git & Github

Solved: Netlify Error

Assignment Statement & Demo 

Solution: Project Setup

Solution: Components

Solution: Pages 

Assignment Deployment

Global State Management

Project Structure 

Context

Reducer

Methods

Build dynamic, efficient web interfaces from fundamentals to advanced concepts

Shubham is a software developer with a passion for teaching. He has worked with many funded startups, self-projects and as a top-rated freelancer on marketplaces.

Shubham has taught programming and digital marketing to over 50,000 students online and offline as an Instructor.

Shubham has mastered explaining very complex topics in the simplest manner that is easy to understand and follow. His video courses are also used by companies to train their employees and by colleges to prepare their students and upgrade skills according to industry requirements.

Shubham Sarda

This course was made with beginners in mind. We go slow and steady, explaining everything step by step. Our hope is to help you build your own React projects soon.

We start with easy stuff about React: things like JSX, components, states, props, and how to deal with events. We also tell you all about useful tools like useState, useEffect, useCallback, and useRef. We'll guide you on form handling, how to check if the input is good, and how to manage form data.

As we go ahead, you'll discover how to handle routing in client-side with React Router and work with different APIs for your project needs. We'll also show how to pair React with other libraries and frameworks, like Redux. And tackling problems in your React apps? 

We’ll go deeper too, giving you glimpses of DOM manipulation and virtual DOM, server-side rendering, and making your React apps perform well. Plus, we're here with handy advice on keeping your React projects tidy.

But that's not all. We'll introduce you to creating custom hooks, bringing in style with Tailwind CSS, making a pretend backend with JSON Server & JSON Server Auth, pulling in Firebase for storage and user authentication, and putting your projects out there on Netlify using Git & GitHub.

The React JS Masterclass from codedamn is just about keeping it simple. If you're familiar with HTML, CSS and JavaScript, you're all sorted to join us. We hope our course will be a friendly companion to you, whether you're a developer aiming to build interactive user interfaces with React, or someone just starting out. So, why wait? Let's embark on this wonderful learning journey together with React!

Master JavaScript Fundamentals

Learn Web Development Basics: HTML & CSS

Mastering Advanced JavaScript

React JS Masterclass

Certificate Details

React JS Masterclass

Course Goals

Shubham Sarda