React JS Training in Noida

What is React JS?

React JS is a popular JavaScript library. React is used to handle the view layer of web applications and mobile apps. It was originally developed and is maintained by Facebook (now Meta). React enables creation of reusable UI components.

React 19 Course

Tech Altum React JS Course is started with introduction of JavaScript first. JavaScript ES6 is required to learn ReactJS.

Prerequisites for React JS Training

• HTML5
• CSS3
• JavaScript ES6, ES7

Course Content

React JS course starts with JavaScript ES6 introduction and topics required in React.

What is React?

• What is React?
• Library Vs Framework
• Prerequisite

Installation React?

• Install Node JS & NPM
• Install react using vite
• Understanding boilerplate
• Clear code
• Run React Code

JSX

• What is JSX
• The Rules of JSX
• JavaScript in JSX with Curly Braces
• Use a JSX Converter

Components

• What is a Component?
• Function based Components
• Add dynamic data
• Fragments
• Add multiple component

Props in components

• Pass props to the child component
• Read props inside the child component
• Specifying a default value for a prop
• Forwarding props with the JSX spread syntax
• Passing JSX as children

React Fundamentals

• Event handling
• Manage State using useState
• Difference between local variable & state variable
• Input from user
• Lists and Keys
• Conditional Rendering
• Component Lifecycle using useEffect
• Showing image
• Working with Inline CSS
• Apply CSS classes using className
• Updating style at runtime
• CSS module
• Debugging React App
• Deploy React App

Hooks

• Introducing Hooks
• Rules of Hooks
• useState
• useEffect
• useReducer
• useContext
• Building Your Own Hook

TypeScript

• Type Annotations on Variables
• The primitives: string, number, and boolean
• Types by Inference
• Union Types
• any
• Arrays
• Object Types
• Functions
• Interfaces
• Generics

React with Next.js

• Server Component vs Client Component
• Routing & Layouts
• Data fetching
• Input from user via form
• Validation
• Cookies & Session management
• Database Programming ( postgresql )
• File uploading & downloading
• Build API in Next.js
• Hashing
• Authentication & authorization
• Generate OTP
• Sending email by programming
• Implement reCAPTCHA in Next.js
• Deploy Next.js app

Redux Toolkit

• What is Redux
• Redux Toolkit
• Setup with Next.js

Tailwind

• Getting started
• Core concepts

React 19

• Serverless Components
• New hooks
• Hydration
• Performance

React Project

• Project Ideas in React
• Create Project
• Testing
• Deployment

• Duration: 3 - 4 Months
• Upcoming Demo

Book free Demo