Consulting Training Blog Careers About Us Contact Us

React.js Training Training

Duration: 3 Days

Upcoming Classes

Sorry, nothing scheduled right now. Click the Get Notified button below to be alerted when a class is scheduled.

Get Notified

On Site/Private

Can't find a class that fits right for you? Contact us to inquire about scheduling your own private class

Contact Us


React, or React.js, is an open source JavaScript library from Facebook used for view rendering in large-scale or single-page application (SPA). It encourages the creation of reusable UI components which present data that changes over time. React can also render on the server using Node, and it can power native apps using React Native.

This training is for the Javascript developers which are diving into the ReactJS library for the first time.

Bring This Course To You

For groups of 5 or more, let Intertech bring this course to your location. Customized versions tailored towards your objectives are also available.

Learn More

Learning Objectives


  • Understand what React is and what problems it solves.
  • Gain a deeper knowledge of JSX.
  • Implementing Flux Architecture with React.
  • React Redux framework.
  • Implement unit tests for React components.
  • Learn React best practices.


This training is for the Javascript developers which are diving into the ReactJS library for the first time.


Experience in the following is required for this JavaScript class:

  • Thorough understanding of JavaScript.

Experience in the following would be useful for this JavaScript class:

  • Knowledge of jQuery, HTML events, and bootstrap.

Course Outline

 What is React

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

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 

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 

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

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

Component Life Cycle

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

React Router and Other JS concepts

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

Event Handling in JSX

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

React Styles

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

React Router & Navigation

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


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


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

Unit Testing

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

Free Resources from Intertech

Complete Guide to Becoming a Full Stack Developer

Free eBook: Top Freeware Picks for Developers

Free eBook: Guide to Shrinking AngularJS HTML