React JS Classes in Pune

13 Lesson

40 Hours

Add to Wishlist

Join React JS Classes in Pune and sharpen skills employers value most today. Develop practical expertise you can apply directly at work from day one.

Enroll Now

React JS Course 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 to React

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

3. Case study solving & Figma Template

Lesson 2 - React with typescript

1. Case study solving & Figma Template

2. React with 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. React 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. React 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 - React with 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