React JS Classes in Chennai

13 Lesson

40 Hours

Add to Wishlist

Explore React JS Classes in Chennai designed to help you learn practical, job-ready skills. Master concepts and tools that top employers actively look for in skilled candidates.

Enroll Now

Overview

Prerequisites

Basic knowledge of HTML, CSS, and JavaScript fundamentals

Skills You Will Gain

Build responsive, component-based user interfaces from scratch
Manage application state and handle user interactions smoothly
Integrate APIs to power dynamic, data-driven applications

Course Curriculum

Lesson 1 - Introduction to React

1. Introduction

2. VS code , node, npm, installation, recap on the prerequisites, nextjs framework

3. Case study solving & Figma Template

Lesson 2 - React with typescript

1. Case study solving & Figma Template

2. Typescript

Lesson 3 - Component life Cycle

1. component creation – functional and class

2. Differences

3. Rendering components

4. JSX

5. Rendering Collection

6. usage of Props

7. Component communication

8. event handling

9. Assignment 1: Exercise on Conditional Rendering

10. Assignment 2: Table component creation with images

Lesson 4 - React Forms

1. Forms with validation, Routes

2. React with tailwind - flex and grid layout

3. Assignment 3 : Create a Navbar component with CSS

4. Assignment 4: Load the dropdown with a list of courses. Upon selection with button click, the relevant course details to be displayed

Lesson 5 - React hook methods

1. Hook methods – useState, useEffect, Promise structure

2. Axios - consuming fakeAPI - JSON Server

3. Assignment 5: Working with API methods

Lesson 6 - Mini Project - Phase 1

1. Course Management System Case study -creation of static component pages, Login, Registration Pages - student and teacher , admin module , CRUD with API

Lesson 7 - Introduction to state management, React Redux

1. Introduction to state management, React Redux - Action, Store, Reducer

2. Assignment 6: Application of React Redux over loan amount – balance amount in a bank account

Lesson 8 - Usage of useContext and useReducer

1. Usage of useContext and useReducer

Lesson 9 - Tailwind css - flex and grid

1. React with tailwind css - flex and grid

Lesson 10 - Working with Mini Project

1. Mini Project - Phase 2 : Course Management System Case study - Protected Routing with role based access control, Course CRUD - course creation,edit, delete