Home
About Us
Gallery
Blogs
Google Us
Our Courses
CAD Courses
Rhino 3D Modeling & Visualization
AutoCAD – Professional Drafting & Design
3ds Max and Corona Mastery
BIM Design & Modeling – Revit
Architectural Design & Visualization Mastery
Master SketchUp & V-Ray
Programming Courses
C Programming
C++ Programming
Core Java Programming
Core Coding Skills for Beginners
Python Programming
DSA with Python
Data Structures & Algorithms
Graphic Designing Courses
Graphic Design & Video Editing
Mastering Graphic Design
Professional Photo Editing
Illustrator – Master Vector Graphics
Motion Graphics & Visual Effects
Professional Video Editing
Social Media & Marketing Design
CorelDraw Training
Mockup Design – Product Visualization
Skill Development Courses
Digital Literacy Course
Professional Advanced Excel Course
Financial Accounting with TallyPrime
Digital Explorers – Age Group 10-12 years
Tech Innovators – Aged 13 & Above
Web Technologies
Full Stack Web Development
AngularJS Course
Back-End Web Development Course
Modern Front-End Web Development
Complete JavaScript Course
HTML, CSS & Bootstrap for Beginners
WordPress-Website Development Without Coding
PHP-MySQL Training
Laravel Course – Master PHP Framework
React.js Training
SQL – Database Management
Data Science Courses
Data Analysis
Power BI Course
Professional Digital Marketing Course
Student Corner
Book Demo Class
Verify Certificates
Student Projects
Fee Payment
Student Reviews
Shopping cart
+91 74900 08464
Mon - Fri: 09:00 AM - 08:00 PM
Follow Us:
Login / Register
Home
About Us
Gallery
Blogs
Google Us
Our Courses
CAD Courses
Rhino 3D Modeling & Visualization
AutoCAD – Professional Drafting & Design
3ds Max and Corona Mastery
BIM Design & Modeling – Revit
Architectural Design & Visualization Mastery
Master SketchUp & V-Ray
Programming Courses
C Programming
C++ Programming
Core Java Programming
Core Coding Skills for Beginners
Python Programming
DSA with Python
Data Structures & Algorithms
Graphic Designing Courses
Graphic Design & Video Editing
Mastering Graphic Design
Professional Photo Editing
Illustrator – Master Vector Graphics
Motion Graphics & Visual Effects
Professional Video Editing
Social Media & Marketing Design
CorelDraw Training
Mockup Design – Product Visualization
Skill Development Courses
Digital Literacy Course
Professional Advanced Excel Course
Financial Accounting with TallyPrime
Digital Explorers – Age Group 10-12 years
Tech Innovators – Aged 13 & Above
Web Technologies
Full Stack Web Development
AngularJS Course
Back-End Web Development Course
Modern Front-End Web Development
Complete JavaScript Course
HTML, CSS & Bootstrap for Beginners
WordPress-Website Development Without Coding
PHP-MySQL Training
Laravel Course – Master PHP Framework
React.js Training
SQL – Database Management
Data Science Courses
Data Analysis
Power BI Course
Professional Digital Marketing Course
Student Corner
Book Demo Class
Verify Certificates
Student Projects
Fee Payment
Student Reviews
Contact Us
Home
Web Technologies
Complete React.js Course
Complete React.js Course
Curriculum
10 Sections
44 Lessons
15 Days
Expand all sections
Collapse all sections
➢ Introduction to React and Setup
5
1.1
Overview of React JS
1.2
Installing Node.js and npm
1.3
Installing create-react-app (using npx create-react-app)
1.4
Exploring the project structure
1.5
Running a basic React app
➢ JSX and Rendering Elements
5
2.1
How JSX works (JavaScript XML)
2.2
JSX syntax and expressions
2.3
Rendering components
2.4
Working with elements and nested components
2.5
Using curly braces {} for embedding expressions
➢ Components and Props
6
3.1
Functional components vs. class components
3.2
Creating simple components
3.3
Component lifecycle
3.4
Passing data to child components using props
3.5
Default props and PropTypes
3.6
Prop drilling and how to avoid it
➢ State and Events
5
4.1
Managing state in functional components using useState hook
4.2
State updates and re-rendering components
4.3
Handling events (onClick, onChange, etc.)
4.4
Binding methods in class components
4.5
Working with forms and input fields
➢ Conditional Rendering and Lists
5
5.1
Using if statements, ternary operators, and logical && in JSX
5.2
Rendering different UI based on state/props
5.3
Using the map() function to render arrays
5.4
Key prop in lists
5.5
Handling dynamic data and list updates
➢ Hooks - useState, useEffect, useRef
6
6.1
What are Hooks and why they are important?
6.2
Using useState hook in depth (state handling)
6.3
Using useEffect for side effects (e.g., data fetching)
6.4
Cleaning up side effects (cleanup functions)
6.5
Dependencies array in useEffect
6.6
Using refs in functional components
➢ React Router and Navigation
4
7.1
Setting up React Router (react-router-dom)
7.2
Defining Routes, Link components, and useNavigate
7.3
Nested Routes and Route Parameters
7.4
Query parameters in URLs
➢ Managing Global State with Context API
4
8.1
How Context API simplifies prop drilling
8.2
Creating a Context with createContext()
8.3
Providing and consuming context in functional components
8.4
Use cases of Context API
➢ API Calls
3
9.1
Fetching Data from APIs
9.2
Handling async operations in React
9.3
Displaying data in components
➢ Project
1
10.1
Project Work
This content is protected, please
login
and
enroll
in the course to view this content!
×
Modal title
Main Content