React JS Training in Hyderabad

ReactJS Course Content

Module 1 – What is React?

• What react is and what not?
• Advantages
• Limitations
• How react works (underneath layers) ?

Module 2 – Introduction to JSX

Module 3 – Virtual DOM

• JS vs JSX
• React Components
• HTML attributes e.g. class, div and id etc
• Child Components and Namespaced components
• Javascript expressions in JSX like attribute, boolean or child expression

Module 4 – Setting up your ReactJS Development Environment

ViewanReactJS application in Plunker

• Setup Cloud9
• Using npm&package.json file
• Webpack& ES6 Introduction
• Organizing your source code
• React browser plugin

Module 5 –Creating a simple React Application

A simple react component with JSX template

• Nesting Components
• React render
• React Props
• Props validation with data types
• States, Initialize states and update states

Module 6 – React UI and Forms

Form components e.g. input, textarea

• Controlled form components
• Uncontrolled form components
• Checkboxes and Radios
• Select box with default selected value
• Form validation
• Styles
• Animation Introduction

Module 7 – Component Life Cycle

Initial Render

• Props Change
• Stage Change
• Component Unmount

Module 8 – React Router and Other JS concepts

React Router configuration

• Router History
• If-else in JSX
• IIFE in JSX for complex logic

Module 9 – Event Handling in JSX

onClick, onKeyUp and other useful events in React

• Sharing events across the components

Module 10 – React Styles

CSS and inline styles

• Setting up the react for React bootstrap
• Implementing the react bootstrap components

Module 11 –React Router & Navigation

Loading the router library

• Router configuration
• Passing and receiving parameters
• React-cookie integration

Module 12 – Flux

What is Flux Architecture?

• Flux Components
• Stores
• Dispatchers
• View Controllers
• Actions
• Views
• How Flux works
• Flux and React

Module 13 –Redux

One Store

• Provider Component
• Actions
• Reducers
• Redux application development

Module 14 – Unit Testing and other testing techniques

Tools for Unit testing

• React Unit testing
• JEST
• React Component testing
• React Router Testing