Software Training Institute

https://www.hopetutors.com
[email protected]
Contact No: +91 787 101 2233

React Js Syllabus

ES6

What is new in ES6

What is Classes

About let and const

What is Arrow functions and Enhanced Object Literals

About Destructuring and Spread Operator

Define Generators and Iterators

Symbols and Comprehensions

Async Programming

How to use Babel.js

BUILDING UI USING REACT.JS

Head Office OMR Branch

18, HARITHA BUILDING, FIRST FLOOR, Thiru Swamy Naicker Complex,
JANAKPURI FIRST STREET, VELACHERY Door No 1/14, New No 4,2nd Floor,
https://www.hopetutors.com Opp to Sanmar Engg Technologies Ltd,
Contact No: +91 787 101 22 33 Karappakam
+91 787 187 22 33 OMR
 Software Training Institute
https://www.hopetutors.com
[email protected]
Contact No: +91 787 101 2233

Overview

Why use React.js

Virtual DOM Benefits

JSX: View Components

Syntax of JSX

How to create view classes using JSX

How to generating views without using JSX

Precompilation of JSX

How to utilizing JSX in the server

Models

Immutability benefits

Utilizing Immutable.js

Components

Head Office OMR Branch

18, HARITHA BUILDING, FIRST FLOOR, Thiru Swamy Naicker Complex,
JANAKPURI FIRST STREET, VELACHERY Door No 1/14, New No 4,2nd Floor,
https://www.hopetutors.com Opp to Sanmar Engg Technologies Ltd,
Contact No: +91 787 101 22 33 Karappakam
+91 787 187 22 33 OMR
 Software Training Institute
https://www.hopetutors.com
[email protected]
Contact No: +91 787 101 2233

Life-Cycle : Componenet

About Virtual DOM

Events : Component

How to using States and Properties

How to Initializing States from properties

Using refs : Accessing DOM nodes

About Synthetic Events

Compositions : Component

About Communication Between Components

About Reusable Components

Forms

Controlled and Uncontrolled Components

ReactLink

Head Office OMR Branch

18, HARITHA BUILDING, FIRST FLOOR, Thiru Swamy Naicker Complex,
JANAKPURI FIRST STREET, VELACHERY Door No 1/14, New No 4,2nd Floor,
https://www.hopetutors.com Opp to Sanmar Engg Technologies Ltd,
Contact No: +91 787 101 22 33 Karappakam
+91 787 187 22 33 OMR
 Software Training Institute
https://www.hopetutors.com
[email protected]
Contact No: +91 787 101 2233

Principle of One-Way Data Binding

Principle of Two-Way Data Binding

Manipulation of Node.js and Server DOM

React.js Components : Unit Testing

About Miscellaneous

About Animations

Helpers : DataBinding

Helpers : Immutability

Helpers : Performance

FLUX AND REDUX ARCHITECTURE

Overview

Intoduction of Reactive programming

Uni directional data flow Advantages

Head Office OMR Branch

18, HARITHA BUILDING, FIRST FLOOR, Thiru Swamy Naicker Complex,
JANAKPURI FIRST STREET, VELACHERY Door No 1/14, New No 4,2nd Floor,
https://www.hopetutors.com Opp to Sanmar Engg Technologies Ltd,
Contact No: +91 787 101 22 33 Karappakam
+91 787 187 22 33 OMR
 Software Training Institute
https://www.hopetutors.com
[email protected]
Contact No: +91 787 101 2233

Brief about Architecture

How to Building blocks in Flux

Define Dispatcher and Stores

Action and Views

About Dispatcher

Principle of dispatcher

How to Registering callbacks

About Triggering Actions

Store

Role of Store

How to Maintain Application State

Define Event Broadcasting

Brief about Reducer

Head Office OMR Branch

18, HARITHA BUILDING, FIRST FLOOR, Thiru Swamy Naicker Complex,
JANAKPURI FIRST STREET, VELACHERY Door No 1/14, New No 4,2nd Floor,
https://www.hopetutors.com Opp to Sanmar Engg Technologies Ltd,
Contact No: +91 787 101 22 33 Karappakam
+91 787 187 22 33 OMR
 Software Training Institute
https://www.hopetutors.com
[email protected]
Contact No: +91 787 101 2233

Generating Reducers

About Retrieving State and Combining Reducers

Action Creator

Generating Actions

How to Dispatching actions to the dispatcher

How to Dispatching Async Actions

Utilizing Middlewares

About Views

About React Components as Views

Define State Subscribers

How to Updating data from the store

React-Redux Bindings

Using “Connect” : Binding Components to React Store

Head Office OMR Branch

18, HARITHA BUILDING, FIRST FLOOR, Thiru Swamy Naicker Complex,
JANAKPURI FIRST STREET, VELACHERY Door No 1/14, New No 4,2nd Floor,
https://www.hopetutors.com Opp to Sanmar Engg Technologies Ltd,
Contact No: +91 787 101 22 33 Karappakam
+91 787 187 22 33 OMR
 Software Training Institute
https://www.hopetutors.com
[email protected]
Contact No: +91 787 101 2233

Using Provider : Injecting Redux Store

Utilizing Providers with React Routers

About Server Side Rendering

Brief about Testing

Using Mocha & Chai : Organizing Test Code

Utilizing Test for mocking dependencies

About Testing Stores

WEBPACK

Introduction of Module Bundling

Define Installation

How to generating Webpack configuration

About Setting up webpack-dev-server

Define Configure automatic browser refresh

Head Office OMR Branch

18, HARITHA BUILDING, FIRST FLOOR, Thiru Swamy Naicker Complex,
JANAKPURI FIRST STREET, VELACHERY Door No 1/14, New No 4,2nd Floor,
https://www.hopetutors.com Opp to Sanmar Engg Technologies Ltd,
Contact No: +91 787 101 22 33 Karappakam
+91 787 187 22 33 OMR
 Software Training Institute
https://www.hopetutors.com
[email protected]
Contact No: +91 787 101 2233

About Loading Modules

Optimizing rebundling of react components

Utilizing Less/Sass loaders

About Hot loading components

Head Office OMR Branch

18, HARITHA BUILDING, FIRST FLOOR, Thiru Swamy Naicker Complex,
JANAKPURI FIRST STREET, VELACHERY Door No 1/14, New No 4,2nd Floor,
https://www.hopetutors.com Opp to Sanmar Engg Technologies Ltd,
Contact No: +91 787 101 22 33 Karappakam
+91 787 187 22 33 OMR