SlideShare a Scribd company logo
1 of 3
Contact: +91 9740413132, 9341080909
_____________________________________________________________________________________
1 | P a g e
React Syllabus
Introduction
Prerequisites
React Features
React Advantages
React Limitations
Environment Setup
React Components
React component Properties
Setting Properties
Component Lifecycle
Updating Components
Writing your first React.js component
Mounting Components
JSX
Expressions & Attributes
JSX Basics.
Namespaced Components
Rendering HTML
Rendering React Components
Flux
Views & Controller-Views
Flux is not MVC
Data Flow
Action, Dispatcher, Store & View
Flux Application Architecture
Structure
Event Handling In React
Key Events
Event Pooling
React.js Event Handlers
Synthetic Event
Creating A Dynamic UI In React
Keeping components stateless
Event Delegation
React Stateful Components
Auto binding
Contact: +91 9740413132, 9341080909
_____________________________________________________________________________________
2 | P a g e
Integration With Other Libraries
Gulp & Browserify
React with jQuery
React & AJAX
Creating A Dynamic UI In React
Keeping components stateless
Auto binding
React-router
react-router
What is switch
Url parameters
Nested Routes
Programmatically navigate
React Native*
App
State
Props
Styling
Fluxbox
ListView
Text Input
Scroll View
Images
HTTP
Buttons
Animations
Debugging
Router
Routing IOS
Routing Android
View
Webview
Model
ActivityIndicator
Picker
Status Bar
Switch
Text
Alert
Geolocation
Contact: +91 9740413132, 9341080909
_____________________________________________________________________________________
3 | P a g e
AsyncStorage
Best Practices
State
PropTypes
Render
Composition
Higher Order Components (HOC)

More Related Content

Similar to Vi INFOTECH react syllabus

2018 02-22 React, Redux & Building Applications that Scale | React
2018 02-22 React, Redux & Building Applications that Scale | React2018 02-22 React, Redux & Building Applications that Scale | React
2018 02-22 React, Redux & Building Applications that Scale | ReactCodifly
 
IDM Resume _ Kiran
IDM Resume _ KiranIDM Resume _ Kiran
IDM Resume _ KiranKiran Kumar
 
React - Start learning today
React - Start learning today React - Start learning today
React - Start learning today Nitin Tyagi
 
React Interview Questions and Answers by Scholarhat
React Interview Questions and Answers by ScholarhatReact Interview Questions and Answers by Scholarhat
React Interview Questions and Answers by ScholarhatScholarhat
 
Developing Next-Gen Enterprise Web Application
Developing Next-Gen Enterprise Web ApplicationDeveloping Next-Gen Enterprise Web Application
Developing Next-Gen Enterprise Web ApplicationMark Gu
 
EAM COURSE CONTENT
EAM COURSE CONTENT EAM COURSE CONTENT
EAM COURSE CONTENT Vikram Reddy
 
Venkatarao_2+Years_Experiance_JAVA2
Venkatarao_2+Years_Experiance_JAVA2Venkatarao_2+Years_Experiance_JAVA2
Venkatarao_2+Years_Experiance_JAVA2pediredla venkatarao
 
Resume - Abhishek Gupt
Resume - Abhishek GuptResume - Abhishek Gupt
Resume - Abhishek Guptabhishek gupta
 
Amol_Koshti_04May16
Amol_Koshti_04May16Amol_Koshti_04May16
Amol_Koshti_04May16Amol Koshti
 
WebLogic Developer Webcast 1: JPA 2.0
WebLogic Developer Webcast 1: JPA 2.0WebLogic Developer Webcast 1: JPA 2.0
WebLogic Developer Webcast 1: JPA 2.0Jeffrey West
 
Understanding React hooks | Walkingtree Technologies
Understanding React hooks | Walkingtree TechnologiesUnderstanding React hooks | Walkingtree Technologies
Understanding React hooks | Walkingtree TechnologiesWalking Tree Technologies
 
Applying Code Customizations to Magento 2
Applying Code Customizations to Magento 2 Applying Code Customizations to Magento 2
Applying Code Customizations to Magento 2 Igor Miniailo
 
Everything to Know About React Re-Rendering: A Comprehensive Guide
Everything to Know About React Re-Rendering: A Comprehensive GuideEverything to Know About React Re-Rendering: A Comprehensive Guide
Everything to Know About React Re-Rendering: A Comprehensive GuideBOSC Tech Labs
 
Getting Started with NgRx (Redux) Angular
Getting Started with NgRx (Redux) AngularGetting Started with NgRx (Redux) Angular
Getting Started with NgRx (Redux) AngularGustavo Costa
 
React state management and side-effects – A Review of Hooks
React state management and side-effects – A Review of HooksReact state management and side-effects – A Review of Hooks
React state management and side-effects – A Review of HooksIRJET Journal
 

Similar to Vi INFOTECH react syllabus (20)

2018 02-22 React, Redux & Building Applications that Scale | React
2018 02-22 React, Redux & Building Applications that Scale | React2018 02-22 React, Redux & Building Applications that Scale | React
2018 02-22 React, Redux & Building Applications that Scale | React
 
Reactjs
Reactjs Reactjs
Reactjs
 
IDM Resume _ Kiran
IDM Resume _ KiranIDM Resume _ Kiran
IDM Resume _ Kiran
 
React - Start learning today
React - Start learning today React - Start learning today
React - Start learning today
 
React
ReactReact
React
 
React Interview Questions and Answers by Scholarhat
React Interview Questions and Answers by ScholarhatReact Interview Questions and Answers by Scholarhat
React Interview Questions and Answers by Scholarhat
 
Angularjs
AngularjsAngularjs
Angularjs
 
Developing Next-Gen Enterprise Web Application
Developing Next-Gen Enterprise Web ApplicationDeveloping Next-Gen Enterprise Web Application
Developing Next-Gen Enterprise Web Application
 
EAM COURSE CONTENT
EAM COURSE CONTENT EAM COURSE CONTENT
EAM COURSE CONTENT
 
Venkatarao_2+Years_Experiance_JAVA2
Venkatarao_2+Years_Experiance_JAVA2Venkatarao_2+Years_Experiance_JAVA2
Venkatarao_2+Years_Experiance_JAVA2
 
Resume - Abhishek Gupt
Resume - Abhishek GuptResume - Abhishek Gupt
Resume - Abhishek Gupt
 
Let's react - Meetup
Let's react - MeetupLet's react - Meetup
Let's react - Meetup
 
Amol_Koshti_04May16
Amol_Koshti_04May16Amol_Koshti_04May16
Amol_Koshti_04May16
 
WebLogic Developer Webcast 1: JPA 2.0
WebLogic Developer Webcast 1: JPA 2.0WebLogic Developer Webcast 1: JPA 2.0
WebLogic Developer Webcast 1: JPA 2.0
 
Understanding React hooks | Walkingtree Technologies
Understanding React hooks | Walkingtree TechnologiesUnderstanding React hooks | Walkingtree Technologies
Understanding React hooks | Walkingtree Technologies
 
Applying Code Customizations to Magento 2
Applying Code Customizations to Magento 2 Applying Code Customizations to Magento 2
Applying Code Customizations to Magento 2
 
Everything to Know About React Re-Rendering: A Comprehensive Guide
Everything to Know About React Re-Rendering: A Comprehensive GuideEverything to Know About React Re-Rendering: A Comprehensive Guide
Everything to Know About React Re-Rendering: A Comprehensive Guide
 
Getting Started with NgRx (Redux) Angular
Getting Started with NgRx (Redux) AngularGetting Started with NgRx (Redux) Angular
Getting Started with NgRx (Redux) Angular
 
Angular js
Angular jsAngular js
Angular js
 
React state management and side-effects – A Review of Hooks
React state management and side-effects – A Review of HooksReact state management and side-effects – A Review of Hooks
React state management and side-effects – A Review of Hooks
 

More from ViINFOTECH

Vi INFOTECH shell-scripting_syllabus
Vi INFOTECH shell-scripting_syllabusVi INFOTECH shell-scripting_syllabus
Vi INFOTECH shell-scripting_syllabusViINFOTECH
 
Vi INFOTECH otbi and bi reports in fusion cloud-syllabus
Vi INFOTECH otbi and bi reports in fusion cloud-syllabusVi INFOTECH otbi and bi reports in fusion cloud-syllabus
Vi INFOTECH otbi and bi reports in fusion cloud-syllabusViINFOTECH
 
Vi INFOTECH php-syllabus
Vi INFOTECH php-syllabusVi INFOTECH php-syllabus
Vi INFOTECH php-syllabusViINFOTECH
 
Vi INFOTECH bootstrap-syllabus
Vi INFOTECH bootstrap-syllabusVi INFOTECH bootstrap-syllabus
Vi INFOTECH bootstrap-syllabusViINFOTECH
 
Vi INFOTECH python-syllabus
Vi INFOTECH python-syllabusVi INFOTECH python-syllabus
Vi INFOTECH python-syllabusViINFOTECH
 
Vi INFOTECH tally-syllabus
Vi INFOTECH tally-syllabusVi INFOTECH tally-syllabus
Vi INFOTECH tally-syllabusViINFOTECH
 
Vi INFOTECH angular syllabus
Vi INFOTECH angular syllabusVi INFOTECH angular syllabus
Vi INFOTECH angular syllabusViINFOTECH
 
Vi INFOTECH javascript-syllabus
Vi INFOTECH javascript-syllabusVi INFOTECH javascript-syllabus
Vi INFOTECH javascript-syllabusViINFOTECH
 
Vi INFOTECH css-syllabus
Vi INFOTECH css-syllabusVi INFOTECH css-syllabus
Vi INFOTECH css-syllabusViINFOTECH
 
Vi INFOTECH vba-syllabus
Vi INFOTECH vba-syllabusVi INFOTECH vba-syllabus
Vi INFOTECH vba-syllabusViINFOTECH
 
Vi INFOTECH excel-syllabus
Vi INFOTECH excel-syllabusVi INFOTECH excel-syllabus
Vi INFOTECH excel-syllabusViINFOTECH
 

More from ViINFOTECH (11)

Vi INFOTECH shell-scripting_syllabus
Vi INFOTECH shell-scripting_syllabusVi INFOTECH shell-scripting_syllabus
Vi INFOTECH shell-scripting_syllabus
 
Vi INFOTECH otbi and bi reports in fusion cloud-syllabus
Vi INFOTECH otbi and bi reports in fusion cloud-syllabusVi INFOTECH otbi and bi reports in fusion cloud-syllabus
Vi INFOTECH otbi and bi reports in fusion cloud-syllabus
 
Vi INFOTECH php-syllabus
Vi INFOTECH php-syllabusVi INFOTECH php-syllabus
Vi INFOTECH php-syllabus
 
Vi INFOTECH bootstrap-syllabus
Vi INFOTECH bootstrap-syllabusVi INFOTECH bootstrap-syllabus
Vi INFOTECH bootstrap-syllabus
 
Vi INFOTECH python-syllabus
Vi INFOTECH python-syllabusVi INFOTECH python-syllabus
Vi INFOTECH python-syllabus
 
Vi INFOTECH tally-syllabus
Vi INFOTECH tally-syllabusVi INFOTECH tally-syllabus
Vi INFOTECH tally-syllabus
 
Vi INFOTECH angular syllabus
Vi INFOTECH angular syllabusVi INFOTECH angular syllabus
Vi INFOTECH angular syllabus
 
Vi INFOTECH javascript-syllabus
Vi INFOTECH javascript-syllabusVi INFOTECH javascript-syllabus
Vi INFOTECH javascript-syllabus
 
Vi INFOTECH css-syllabus
Vi INFOTECH css-syllabusVi INFOTECH css-syllabus
Vi INFOTECH css-syllabus
 
Vi INFOTECH vba-syllabus
Vi INFOTECH vba-syllabusVi INFOTECH vba-syllabus
Vi INFOTECH vba-syllabus
 
Vi INFOTECH excel-syllabus
Vi INFOTECH excel-syllabusVi INFOTECH excel-syllabus
Vi INFOTECH excel-syllabus
 

Recently uploaded

The mythical technical debt. (Brooke, please, forgive me)
The mythical technical debt. (Brooke, please, forgive me)The mythical technical debt. (Brooke, please, forgive me)
The mythical technical debt. (Brooke, please, forgive me)Roberto Bettazzoni
 
A Guideline to Zendesk to Re:amaze Data Migration
A Guideline to Zendesk to Re:amaze Data MigrationA Guideline to Zendesk to Re:amaze Data Migration
A Guideline to Zendesk to Re:amaze Data MigrationHelp Desk Migration
 
Modern binary build systems - PyCon 2024
Modern binary build systems - PyCon 2024Modern binary build systems - PyCon 2024
Modern binary build systems - PyCon 2024Henry Schreiner
 
How to install and activate eGrabber JobGrabber
How to install and activate eGrabber JobGrabberHow to install and activate eGrabber JobGrabber
How to install and activate eGrabber JobGrabbereGrabber
 
Jax, FL Admin Community Group 05.14.2024 Combined Deck
Jax, FL Admin Community Group 05.14.2024 Combined DeckJax, FL Admin Community Group 05.14.2024 Combined Deck
Jax, FL Admin Community Group 05.14.2024 Combined DeckMarc Lester
 
Microsoft 365 Copilot; An AI tool changing the world of work _PDF.pdf
Microsoft 365 Copilot; An AI tool changing the world of work _PDF.pdfMicrosoft 365 Copilot; An AI tool changing the world of work _PDF.pdf
Microsoft 365 Copilot; An AI tool changing the world of work _PDF.pdfQ-Advise
 
Weeding your micro service landscape.pdf
Weeding your micro service landscape.pdfWeeding your micro service landscape.pdf
Weeding your micro service landscape.pdftimtebeek1
 
Entropy, Software Quality, and Innovation (presented at Princeton Plasma Phys...
Entropy, Software Quality, and Innovation (presented at Princeton Plasma Phys...Entropy, Software Quality, and Innovation (presented at Princeton Plasma Phys...
Entropy, Software Quality, and Innovation (presented at Princeton Plasma Phys...Andrea Goulet
 
The Impact of PLM Software on Fashion Production
The Impact of PLM Software on Fashion ProductionThe Impact of PLM Software on Fashion Production
The Impact of PLM Software on Fashion ProductionWave PLM
 
What need to be mastered as AI-Powered Java Developers
What need to be mastered as AI-Powered Java DevelopersWhat need to be mastered as AI-Powered Java Developers
What need to be mastered as AI-Powered Java DevelopersEmilyJiang23
 
Salesforce Introduced Zero Copy Partner Network to Simplify the Process of In...
Salesforce Introduced Zero Copy Partner Network to Simplify the Process of In...Salesforce Introduced Zero Copy Partner Network to Simplify the Process of In...
Salesforce Introduced Zero Copy Partner Network to Simplify the Process of In...CloudMetic
 
Lessons Learned from Building a Serverless Notifications System.pdf
Lessons Learned from Building a Serverless Notifications System.pdfLessons Learned from Building a Serverless Notifications System.pdf
Lessons Learned from Building a Serverless Notifications System.pdfSrushith Repakula
 
Crafting the Perfect Measurement Sheet with PLM Integration
Crafting the Perfect Measurement Sheet with PLM IntegrationCrafting the Perfect Measurement Sheet with PLM Integration
Crafting the Perfect Measurement Sheet with PLM IntegrationWave PLM
 
COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...
COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...
COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...naitiksharma1124
 
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024SimonedeGijt
 
Tree in the Forest - Managing Details in BDD Scenarios (live2test 2024)
Tree in the Forest - Managing Details in BDD Scenarios (live2test 2024)Tree in the Forest - Managing Details in BDD Scenarios (live2test 2024)
Tree in the Forest - Managing Details in BDD Scenarios (live2test 2024)Gáspár Nagy
 
Sourcing Success - How to Find a Clothing Manufacturer
Sourcing Success - How to Find a Clothing ManufacturerSourcing Success - How to Find a Clothing Manufacturer
Sourcing Success - How to Find a Clothing ManufacturerWave PLM
 

Recently uploaded (20)

The mythical technical debt. (Brooke, please, forgive me)
The mythical technical debt. (Brooke, please, forgive me)The mythical technical debt. (Brooke, please, forgive me)
The mythical technical debt. (Brooke, please, forgive me)
 
A Guideline to Zendesk to Re:amaze Data Migration
A Guideline to Zendesk to Re:amaze Data MigrationA Guideline to Zendesk to Re:amaze Data Migration
A Guideline to Zendesk to Re:amaze Data Migration
 
Modern binary build systems - PyCon 2024
Modern binary build systems - PyCon 2024Modern binary build systems - PyCon 2024
Modern binary build systems - PyCon 2024
 
How to install and activate eGrabber JobGrabber
How to install and activate eGrabber JobGrabberHow to install and activate eGrabber JobGrabber
How to install and activate eGrabber JobGrabber
 
Jax, FL Admin Community Group 05.14.2024 Combined Deck
Jax, FL Admin Community Group 05.14.2024 Combined DeckJax, FL Admin Community Group 05.14.2024 Combined Deck
Jax, FL Admin Community Group 05.14.2024 Combined Deck
 
5 Reasons Driving Warehouse Management Systems Demand
5 Reasons Driving Warehouse Management Systems Demand5 Reasons Driving Warehouse Management Systems Demand
5 Reasons Driving Warehouse Management Systems Demand
 
What is an API Development- Definition, Types, Specifications, Documentation.pdf
What is an API Development- Definition, Types, Specifications, Documentation.pdfWhat is an API Development- Definition, Types, Specifications, Documentation.pdf
What is an API Development- Definition, Types, Specifications, Documentation.pdf
 
Microsoft 365 Copilot; An AI tool changing the world of work _PDF.pdf
Microsoft 365 Copilot; An AI tool changing the world of work _PDF.pdfMicrosoft 365 Copilot; An AI tool changing the world of work _PDF.pdf
Microsoft 365 Copilot; An AI tool changing the world of work _PDF.pdf
 
Weeding your micro service landscape.pdf
Weeding your micro service landscape.pdfWeeding your micro service landscape.pdf
Weeding your micro service landscape.pdf
 
Entropy, Software Quality, and Innovation (presented at Princeton Plasma Phys...
Entropy, Software Quality, and Innovation (presented at Princeton Plasma Phys...Entropy, Software Quality, and Innovation (presented at Princeton Plasma Phys...
Entropy, Software Quality, and Innovation (presented at Princeton Plasma Phys...
 
The Impact of PLM Software on Fashion Production
The Impact of PLM Software on Fashion ProductionThe Impact of PLM Software on Fashion Production
The Impact of PLM Software on Fashion Production
 
What need to be mastered as AI-Powered Java Developers
What need to be mastered as AI-Powered Java DevelopersWhat need to be mastered as AI-Powered Java Developers
What need to be mastered as AI-Powered Java Developers
 
Salesforce Introduced Zero Copy Partner Network to Simplify the Process of In...
Salesforce Introduced Zero Copy Partner Network to Simplify the Process of In...Salesforce Introduced Zero Copy Partner Network to Simplify the Process of In...
Salesforce Introduced Zero Copy Partner Network to Simplify the Process of In...
 
Top Mobile App Development Companies 2024
Top Mobile App Development Companies 2024Top Mobile App Development Companies 2024
Top Mobile App Development Companies 2024
 
Lessons Learned from Building a Serverless Notifications System.pdf
Lessons Learned from Building a Serverless Notifications System.pdfLessons Learned from Building a Serverless Notifications System.pdf
Lessons Learned from Building a Serverless Notifications System.pdf
 
Crafting the Perfect Measurement Sheet with PLM Integration
Crafting the Perfect Measurement Sheet with PLM IntegrationCrafting the Perfect Measurement Sheet with PLM Integration
Crafting the Perfect Measurement Sheet with PLM Integration
 
COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...
COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...
COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...
 
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
 
Tree in the Forest - Managing Details in BDD Scenarios (live2test 2024)
Tree in the Forest - Managing Details in BDD Scenarios (live2test 2024)Tree in the Forest - Managing Details in BDD Scenarios (live2test 2024)
Tree in the Forest - Managing Details in BDD Scenarios (live2test 2024)
 
Sourcing Success - How to Find a Clothing Manufacturer
Sourcing Success - How to Find a Clothing ManufacturerSourcing Success - How to Find a Clothing Manufacturer
Sourcing Success - How to Find a Clothing Manufacturer
 

Vi INFOTECH react syllabus

  • 1. Contact: +91 9740413132, 9341080909 _____________________________________________________________________________________ 1 | P a g e React Syllabus Introduction Prerequisites React Features React Advantages React Limitations Environment Setup React Components React component Properties Setting Properties Component Lifecycle Updating Components Writing your first React.js component Mounting Components JSX Expressions & Attributes JSX Basics. Namespaced Components Rendering HTML Rendering React Components Flux Views & Controller-Views Flux is not MVC Data Flow Action, Dispatcher, Store & View Flux Application Architecture Structure Event Handling In React Key Events Event Pooling React.js Event Handlers Synthetic Event Creating A Dynamic UI In React Keeping components stateless Event Delegation React Stateful Components Auto binding
  • 2. Contact: +91 9740413132, 9341080909 _____________________________________________________________________________________ 2 | P a g e Integration With Other Libraries Gulp & Browserify React with jQuery React & AJAX Creating A Dynamic UI In React Keeping components stateless Auto binding React-router react-router What is switch Url parameters Nested Routes Programmatically navigate React Native* App State Props Styling Fluxbox ListView Text Input Scroll View Images HTTP Buttons Animations Debugging Router Routing IOS Routing Android View Webview Model ActivityIndicator Picker Status Bar Switch Text Alert Geolocation
  • 3. Contact: +91 9740413132, 9341080909 _____________________________________________________________________________________ 3 | P a g e AsyncStorage Best Practices State PropTypes Render Composition Higher Order Components (HOC)