- ES5
- ES6
- ES5 VS ES6
- ES5 VS ES6 Syntax Difference
- ES6 Advantages
- Home
- Mindmajix Technologies
- Courses
- React JS Training in Hyderabad
Online
₹ 8,000 10,000
Quick facts
particular | details | ||
---|---|---|---|
Medium of instructions
English
|
Mode of learning
Self study, Virtual Classroom
|
Mode of Delivery
Video and Text Based
|
Frequency of Classes
Weekdays, Weekends
|
Course and certificate fees
Fees information
certificate availability
certificate providing authority
The syllabus
Introduction To ES5 & ES6
Introduction To React JS
- Introduction to React JS
- History of web development
- History of React
- DOM (Document Object Model)
- DOM Manipulation
- Virtual DOM
- How does React use Virtual DOM
- Virtual DOM vs Real DOM
- Thinking in React
- React one - way data binding
- React two - way data binding
- One way vs two-way data binding
- Difference b/n one - way data binding & two - way data binding
- Server-side Rendering
- Advantages of using server-side rendering
- Advantages of React.JS
- When to use React JS? And when to opt for alternatives?
- Applications of React.js
Installation Setup
- Installation Setup React JS
- React JS environment Setup
- Using the Create-react-app Command
- Node Package Manager
- Default vs Named Exports
- Lets Start Coding ....Hello World Program
- React vs Angular vs Vue
- How to Connect React JS with NodeJS
Building Blocks of React.JS
- Core Building Blocks of React
- Components
- State and Props
- Rendering
- Conditional Rendering
- What is JSX
- Example
- Why JSX
- Advantages of JSX
- Expressions in JSX
- Internal Implementation of JSX
- Hands-on: Creating a react component with jsx
Elements & Functions in React JS
- Rendering Elements in React.JS
- Hands-on: How does render function work and update DOM
- Hands-on: Styling and CSS
Components in React JS
- What are Components in React JS
- Types of Components
- Functional component
- Class Component
- Functional component vs Class Component
- Creating Class Components
- Creating Functional Components
- Converting Functional Components to Class Components
Programming in React JS
- What are Props
- Lets Practice Props
- What is State in React JS
- ReactJS(Diff Props vs State)
- Why Props are Read-only
- Composition of React Components
- Stateless Component
- Stateful Component
- When would you use a stateless Component
- When would you use a stateful Component
- Stateful Component vs Stateless Component
Composition of ReactElement
- Composition of ReactComponents
Understanding Lifecycle Methods
- What are lifecycle Methods and what are the uses of it
- Constructor
- Render
- Should component update
- Render
- ComponentDidUpdate
Programming in ReactJS
- Passing props to child components
- Updating state of React JS component
- What is the significant of SetState function
Event Handling
- Events
- Event Handling
Conditional Rendering
- Conditional Rendering in React JS
- Logical && Operator
- Switch case operator
- Conditional Rendering with enums
Conditional Rendering 2
- Switch case operator continuation
- Conditional Rendering with enums
Preventing Rendering
- Preventing component from rendering
- How to connect ReactJS with Node JS
- Backend Setup
- propTypes
- getDefaultProps
- Binding the context( Inline)
- UI without ReactJS & Problem
- How the ReactJS solving the problem
- Binding the context( Inline)
List & Keys
- References
- When to use Refs
- When not to use Refs
- How to Create Refs
- How to access Refs
Controlled vs Uncontrolled Components
- Controlled component
- UnControlled component
- Controlled vs Uncontrolled components in React JS
Composition vs Inheritance
- Inheritance
- Using composition in React with Example
- Practice on Composition & Inheritance
- Difference b/n Composition & Inheritance
Advance Topics in React JS
- What is context API?
- When to use the context API
- How to use the Context API
- Fragments
- Why we use Fragments?
- Fragments short Syntax
- Keyed Fragments
- Higher-order components
Redux Overview
- Redux Overview
- Flux
- Flux Elements
- Dispatcher
- Stores
- Views
- Actions
- Flux Pros
- Connecting Redux and React
- What is Redux?
- Why use Redux with React. js?
- Redux Architecture?
- Redux Principles
- Redux Components
- What is Redux
- Store
- Action
- Middleware
- What is a Reducer?
Router
- Router
- Advantages of Router
- Router Setup
Instructors
Mr Vasu
Instructor
Mindmajix Technologies