Student Courses
Data Analytics
Professional Digital Marketing Course
Web Technologies
Programming Courses
Graphic Designing Courses
Skill Development Courses
Financial Accounting with TallyPrime
CAD Courses
About Us
Gallery
Blogs
Google Us
More
Book Demo Class
Verify Certificates
Student Projects
Fee Payment
Student Reviews
Contact
Shopping cart
+91 74900 08464
Mon - Fri: 09:30 AM - 07:30 PM
Follow Us:
Student Courses
Data Analytics
Professional Digital Marketing Course
Web Technologies
Programming Courses
Graphic Designing Courses
Skill Development Courses
Financial Accounting with TallyPrime
CAD Courses
About Us
Gallery
Blogs
Google Us
More
Book Demo Class
Verify Certificates
Student Projects
Fee Payment
Student Reviews
Contact
Enquire Now
Home
Web Technologies
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
