SlideShare a Scribd company logo
React JS
By
WEBNET COMPUTER INSTITUTE
REACT JS COURSE SYLLABUS
Our React.JS Course equips the learner for developing a single-page or
mobile applications and creates reusable components for web pages and
mobile applications. We have designed React.JS Course Syllabus by industry
experts as per the requirements of current trends. The React.JS Course
Curriculum contains basic elements like introduction, JSX overview,
Environmental setup, real-time applications, forms and UI, Component
Lifecycle, Event Handling, and Styles along with advanced features such as
router and navigations, Flux, Redux. Check out the detailed React.JS Course
Content below.
 Introduction to HTML5
 Introduction to CSS
 Introduction to JS
 Introduction to Bootstrap
 ES6 Overview
 Introduction to React
 What is React?
 Why React?
 React version history
 React 16 vs React 15
 Just React – Hello World
 Using create-react-app
 Anatomy of react project
 Running the app
 Debugging first react app
 Templating using JSX
 Working with React. createElement
 Expressions
 Using logical operators
 Specifying attributes
 Specifying children
 Fragments
React JS
By
WEBNET COMPUTER INSTITUTE
 About Components
 Significance of component architecture
 Types of components
 Functional
 Class based
 Pure
 Component Composition
 Working with state and props
 What is state and it significance
 Read state and set state
 Passing data to component using props
 Validating props using propTypes
 Supplying default values to props using defaultProps
 Rendering lists
 Using react key prop
 Using map function to iterate on arrays to generate elements
 Event handling in React
 Understanding React event system
 Understanding Synthetic event
 Working with Forms
 Passing arguments to event handlers
 Understanding component lifecycle and handling errors
 Understand the lifecycle methods
 Handle errors using error boundaries
 Working with forms</str
 Controlled components
 Uncontrolled components
 Understand the significance to default Value prop
 Using react ref prop to get access to DOM element
 Context
 What is context
 When to use context
 Create Context
 Context.Provider
 Context.Consumer
React JS
By
WEBNET COMPUTER INSTITUTE
 Reading context in class
 Hooks
 What are hooks
 Why do you need hooks
 Different types of hooks
 Using state and effect hooks
 Rules of hooks
 Routing with react router
 Setting up react router
 Understand routing in single page applications
 Working with BrowserRouter and HashRouter components
 Configuring route with Route component
 Using Switch component to define routing rules
 Making routes dynamic using route params
 Working with nested routes
 Navigating to pages using Link and NavLink component
 Redirect routes using Redirect Component
 Using Prompt component to get consent of user for navigation
 Path less Route to handle failed matches
 Immutable.js
 What is Immutable.js?
 Immutable collections
 Lists
 Maps
 Sets
 Jotai React
Project
Performing CRUD Operations in ReactJS
React JS
By
WEBNET COMPUTER INSTITUTE
CERTIFICATE PROVIDED BY US
React JS
By
WEBNET COMPUTER INSTITUTE
React JS
By
WEBNET COMPUTER INSTITUTE
React JS
By
WEBNET COMPUTER INSTITUTE

More Related Content

PDF
How 5G Will Transform Industrial IoT
PDF
Is Virtual Reality Ready for the Classroom?
PPTX
Augmented reality The future of computing
PPTX
IOT-internet of thing
PPTX
PDF
Technology Introduction Series: Edge Computing tutorial.pdf
PPT
3d internet
PPTX
Augmented Reality
How 5G Will Transform Industrial IoT
Is Virtual Reality Ready for the Classroom?
Augmented reality The future of computing
IOT-internet of thing
Technology Introduction Series: Edge Computing tutorial.pdf
3d internet
Augmented Reality

What's hot (19)

PPTX
Augmented Reality - 8th Mass Media
PPTX
Augmented Reality (AR)
PPTX
basic ppt on IOT
PPTX
Internet of Things(IoT) - Introduction and Research Areas for Thesis
PPTX
Metaverse Developments, Technologies, and Standards - Towards a Military Meta...
PPTX
Augmented reality
PPT
IoT (Internet of Things)
PPTX
Virtual dressing room
PDF
WiseVR Pitchdeck
PPTX
IoT Based Disaster Detection and Early Warning Device By Shweta Gaikwad
PDF
Augmented and Virtual Reality applied in Industry 4.0
 
PDF
XR and the Future of Immersive Technology
PPTX
Augumented reallity
PPSX
Metaverse: A Convergence of Realities
 
PDF
Augmented Reality - Connecting Physical and Virtual Worlds
PPTX
'The History of Virtual Reality'
PDF
What Is Immersive Technology? by Advrtas
PDF
AN OVERVIEW OF THE METAVERSE
PPTX
Metaverse based ESG Digital Transformation for Accelerating Sustainability
Augmented Reality - 8th Mass Media
Augmented Reality (AR)
basic ppt on IOT
Internet of Things(IoT) - Introduction and Research Areas for Thesis
Metaverse Developments, Technologies, and Standards - Towards a Military Meta...
Augmented reality
IoT (Internet of Things)
Virtual dressing room
WiseVR Pitchdeck
IoT Based Disaster Detection and Early Warning Device By Shweta Gaikwad
Augmented and Virtual Reality applied in Industry 4.0
 
XR and the Future of Immersive Technology
Augumented reallity
Metaverse: A Convergence of Realities
 
Augmented Reality - Connecting Physical and Virtual Worlds
'The History of Virtual Reality'
What Is Immersive Technology? by Advrtas
AN OVERVIEW OF THE METAVERSE
Metaverse based ESG Digital Transformation for Accelerating Sustainability
Ad

Similar to React Webnet Computer Institute.pdf (20)

PDF
REACT JS FULL COURSE | PERFECTKODE
PPTX
React JS - A quick introduction tutorial
PDF
a-detailed-guide-everything-you-need-to-know-about-reactjs.pdf
PPTX
Introduction to React JS for beginners | Namespace IT
PPTX
PDF
AiML Campus React JS Using Machine Learning
PDF
React Interview Question & Answers PDF By ScholarHat
PPTX
unit 2 React js.pptxdgdgdgdgdgdgdgdgdsgdgdg
PPTX
React JS online training with Typescript. A MERN stack tutorial.
DOCX
React JS Components & Its Importance.docx
PDF
The Ultimate Guide to ReactJS Components.pdf
DOCX
React Components and Its Importance.docx
PDF
Top 20 ReactJS Interview Questions and Answers in 2023.pdf
PPTX
React intro
PDF
100 React Interview questions 2024.pptx.pdf
PPTX
React js introduction about it's features
PDF
React Interview Question PDF By ScholarHat
PDF
All about React Js
PPT
The Best Guide to Know What, Why, When to Use Is ReactJS
PDF
Choosing Between Functional and Class Components in React: What You Need to Know
REACT JS FULL COURSE | PERFECTKODE
React JS - A quick introduction tutorial
a-detailed-guide-everything-you-need-to-know-about-reactjs.pdf
Introduction to React JS for beginners | Namespace IT
AiML Campus React JS Using Machine Learning
React Interview Question & Answers PDF By ScholarHat
unit 2 React js.pptxdgdgdgdgdgdgdgdgdsgdgdg
React JS online training with Typescript. A MERN stack tutorial.
React JS Components & Its Importance.docx
The Ultimate Guide to ReactJS Components.pdf
React Components and Its Importance.docx
Top 20 ReactJS Interview Questions and Answers in 2023.pdf
React intro
100 React Interview questions 2024.pptx.pdf
React js introduction about it's features
React Interview Question PDF By ScholarHat
All about React Js
The Best Guide to Know What, Why, When to Use Is ReactJS
Choosing Between Functional and Class Components in React: What You Need to Know
Ad

Recently uploaded (20)

PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Approach and Philosophy of On baking technology
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
Machine Learning_overview_presentation.pptx
PPTX
A Presentation on Artificial Intelligence
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Encapsulation theory and applications.pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
cuic standard and advanced reporting.pdf
PDF
A comparative analysis of optical character recognition models for extracting...
Per capita expenditure prediction using model stacking based on satellite ima...
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Approach and Philosophy of On baking technology
Encapsulation_ Review paper, used for researhc scholars
Machine Learning_overview_presentation.pptx
A Presentation on Artificial Intelligence
Mobile App Security Testing_ A Comprehensive Guide.pdf
Review of recent advances in non-invasive hemoglobin estimation
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Reach Out and Touch Someone: Haptics and Empathic Computing
“AI and Expert System Decision Support & Business Intelligence Systems”
Encapsulation theory and applications.pdf
Spectral efficient network and resource selection model in 5G networks
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
The Rise and Fall of 3GPP – Time for a Sabbatical?
MIND Revenue Release Quarter 2 2025 Press Release
20250228 LYD VKU AI Blended-Learning.pptx
Assigned Numbers - 2025 - Bluetooth® Document
cuic standard and advanced reporting.pdf
A comparative analysis of optical character recognition models for extracting...

React Webnet Computer Institute.pdf

  • 1. React JS By WEBNET COMPUTER INSTITUTE REACT JS COURSE SYLLABUS Our React.JS Course equips the learner for developing a single-page or mobile applications and creates reusable components for web pages and mobile applications. We have designed React.JS Course Syllabus by industry experts as per the requirements of current trends. The React.JS Course Curriculum contains basic elements like introduction, JSX overview, Environmental setup, real-time applications, forms and UI, Component Lifecycle, Event Handling, and Styles along with advanced features such as router and navigations, Flux, Redux. Check out the detailed React.JS Course Content below.  Introduction to HTML5  Introduction to CSS  Introduction to JS  Introduction to Bootstrap  ES6 Overview  Introduction to React  What is React?  Why React?  React version history  React 16 vs React 15  Just React – Hello World  Using create-react-app  Anatomy of react project  Running the app  Debugging first react app  Templating using JSX  Working with React. createElement  Expressions  Using logical operators  Specifying attributes  Specifying children  Fragments
  • 2. React JS By WEBNET COMPUTER INSTITUTE  About Components  Significance of component architecture  Types of components  Functional  Class based  Pure  Component Composition  Working with state and props  What is state and it significance  Read state and set state  Passing data to component using props  Validating props using propTypes  Supplying default values to props using defaultProps  Rendering lists  Using react key prop  Using map function to iterate on arrays to generate elements  Event handling in React  Understanding React event system  Understanding Synthetic event  Working with Forms  Passing arguments to event handlers  Understanding component lifecycle and handling errors  Understand the lifecycle methods  Handle errors using error boundaries  Working with forms</str  Controlled components  Uncontrolled components  Understand the significance to default Value prop  Using react ref prop to get access to DOM element  Context  What is context  When to use context  Create Context  Context.Provider  Context.Consumer
  • 3. React JS By WEBNET COMPUTER INSTITUTE  Reading context in class  Hooks  What are hooks  Why do you need hooks  Different types of hooks  Using state and effect hooks  Rules of hooks  Routing with react router  Setting up react router  Understand routing in single page applications  Working with BrowserRouter and HashRouter components  Configuring route with Route component  Using Switch component to define routing rules  Making routes dynamic using route params  Working with nested routes  Navigating to pages using Link and NavLink component  Redirect routes using Redirect Component  Using Prompt component to get consent of user for navigation  Path less Route to handle failed matches  Immutable.js  What is Immutable.js?  Immutable collections  Lists  Maps  Sets  Jotai React Project Performing CRUD Operations in ReactJS
  • 4. React JS By WEBNET COMPUTER INSTITUTE CERTIFICATE PROVIDED BY US