get app

    React JS Training in Hyderabad

    BY
    Mindmajix Technologies

    Brochure Enquire
    Mode

    Online

    Fees

    ₹ 8000 10000

    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
    ₹ 8,000  ₹10,000
    certificate availability

    Yes

    certificate providing authority

    Mindmajix Technologies

    The syllabus

    Introduction To ES5 & ES6

    • ES5
    • ES6
    • ES5 VS ES6
    • ES5 VS ES6 Syntax Difference
    • ES6 Advantages

    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

    Trending Courses

    Digital Marketing Courses Fashion Design Courses Data Science Courses Interior Design Courses Graphic Designing Courses Cyber Security Courses Nursing Courses Tally Courses Data Analysis Courses Web Designing Courses Artificial Intelligence Courses Ethical Hacking Courses Free Digital Marketing Courses And certifications Free Artificial Intelligence Courses And Certifications Free Data Analysis Courses And Certifications Free Cyber Security Courses And Certifications Free Data Science Courses And Certifications Free Cloud Computing Courses And Certifications Free Python Courses And Certifications Free Fashion And Textiles Courses And Certifications Free Graphic Designing Courses And Certifications Free Web Designing Courses And Certifications

    Popular Courses

    General Management Courses Public Health Courses Teaching and Education Courses Financial Management Courses Web Development Courses Mathematics Courses Data Science Courses Cyber Security Courses Programming Courses Digital Marketing Courses Law Courses Leadership Courses Explore all courses

    Popular Platforms

    upGrad Courses Udemy Courses Edx Courses Swayam Courses Coursera Courses Futurelearn Courses Mindmajix Technologies Courses Vskills Courses IIT Kharagpur Courses Emeritus Courses IIT Kanpur Courses NPTEL Courses Explore all platforms

    Learn more about the Courses

    10 Reasons to Enrol Yourself in a Digital Marketing Course 8 Must-Have Skills for AWS Cloud Architects Planning to Upskill Yourself? Enrol for a Program in Data Science 25+ Tips for Improving Your Graphic Design Skills Top Universities in India Offering Cyber Security Courses 15+ Courses for Learning Data Mining How to Make a Career in the Field of Artificial Intelligence Top 10 Benefits Of Holding A Certification In Business Intelligence Which are the best certification courses for Photography in India A Beginner's Guide to Pursue Python Programming Want to Pursue a Career in Blockchain Technology? Here is all that you need to Know How Entrepreneurs Can Use Machine Learning to Make their Business Successful? The Scope of Artificial Intelligence in India Top 10 Online Courses for Travel Lovers 10 Best Certification Courses After Hospital and Healthcare Management
    Providers
    Close

    Download the Careers360 App on your Android phone

    Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

    Careers360 App
    150M+ Students
    30,000+ Colleges
    500+ Exams
    1500+ E-books