Reactjs Training


REACTJS TRAINING COURSE MODULES


Section 1: What is React

  • What react is and what it is not
  • Advantages
  • Limitations
  • How react works

Section 2: Introduction to JSX

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

Section 3: Setting up your ReactJS Development Environment

  • Look at an ReactJS application in Plunker
  • Setup Cloud9
  • Using npm & package.json file
  • Webpack & ES6 Introduction
  • Organizing your source code
  • React browser plugin

Section 4: 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

Section 5: 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

Section 6: Component Life Cycle

  • Initial Render
  • Props Change
  • Stage Change
  • Component Unmount

Section 7: React Router and Other JS concepts

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

Section 8: Event Handling in JSX

  • onClick, onKeyUp and other useful events in React
  • Sharing events across the components

Section 9: React Styles

  • CSS and inline styles
  • Setting up the react for React bootstrap
  • Implementing the react bootstrap components

Section 10: React Router & Navigation

  • Loading the router library
  • Router configuration
  • Passing and receiving parameters
  • React-cookie integration

Section 11: Flux

  • What is Flux Architecture
  • Flux Components
    1. Stores
    2. Dispatchers
    3. View Controllers
    4. Actions
    5. Views
  • How Flux works
  • Flux and React

Section 12: Redux

  • One Store
  • Provider Component
  • Actions
  • Reducers
  • Redux application development

Section 13: Unit Testing

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

Most Popular Regions


  • ReactJS Training in Velachery
  • ReactJS Training in Adyar
  • ReactJS Training in Guindy
  • ReactJS Training in Taramani
  • ReactJS Training in OMR
  • ReactJS Training in Pallikarnai
  • ReactJS Training in Saidapet
  • ReactJS Training in Vadapalani
  • ReactJS Training in Koyambedu
  • ReactJS Training in Porur
  • ReactJS Training Tambaram
  • ReactJS Training Sholinganallur
  • ReactJS Training Egmore
  • ReactJS Training Chennai
  • ReactJS Training TNagar