ReactJS 19 Live Project Based Training

16 Hours Live Training + Recordings

Author
Trainer: Pradeep Shet

What you'll learn :-

This 16 hours training will include a complete hands-on project on Subscription Management System, a web-based application that allows users to manage subscriptions for digital services.

It includes features such as user registration, plan selection, billing management subscription tracking for internet connection similar to airtel.

We will learn about Authentication Authorization, from designing & validation along with the concept of react and it features.

*Early Bird Discount and members discount available for limited period (actual cost is 20K INR / 247 USD), ENROLL BEFORE OFFER ENDS.

Training Content

Module 1: Introduction to React.js
  • What & Why React.js?
  • Difference Between React.js and Other Frameworks
  • Understanding Virtual DOM
  • Setting Up Development Environment
Module 2: JavaScript & ES6 Refresher
  • ES6 Features Overview
  • Let, const, and Arrow Functions
  • Template Literals
  • Destructuring Assignment
  • Spread and Rest Operators
Module 3: Setting up React Application
  • Installing Node.js and npm
  • Creating React App with Vite
  • Project Structure Overview
  • Introduction to JSX
Module 4: Components in React.js
  • What are Components?
  • Class Components vs Functional Components
  • Props and State
  • Event Handling
  • Conditional Rendering

Module 5: Lists, Keys, and Forms

  • Rendering Lists
  • Keys in React
  • Controlled vs Uncontrolled Components
  • Handling Forms and Form Validation using Formik & Yup
Module 6: React Hooks
  • Introduction to Hooks
  • useState Hook
  • useEffect Hook
  • useContext Hook
  • Custom Hooks
  • useRef and useReducer Hooks

Module 7: Routing in React.js

  • React Router Setup
  • Basic Navigation
  • Route Parameters/ QueryString Parameters
  • Protected Routes

Module 8: API Integration & Axios

  • Fetching Data with Fetch API & Axios
  • CRUD Operations
  • Error Handling
  • Async/Await with API Calls
  • Building a CRUD operation

Module 9: State Management

  • Context API
  • Prop Drilling
Module 10: Performance Optimization
  • Lazy Loading Components
  • Suspense & Lazy Loading

Module 11: Authentication & Authorization

  • JWT Authentication with ReactJs
  • Protected Routes

10 Lessons

03 Hours

World-class training and development programs developed by top teachers

Whats Included

  • World-class training teacher
  • Bench has zero learning curve
  • We handle the rest.