Call us at 1-800-413-0939
Hands On Technology Transfer, Inc.

React Training

Over 100 metro locations. Attend face-to-face, remotely or on site at your facility.

Travel Packages Discount Programs

React.js Web Application Development

Duration: 2 Days

Price: $1195

Remote Attendance: Click here for more information.

Students Will Learn:

  • Advanced Objects and Functionality in JavaScript
  • Understanding the programming model provided by the React framework
  • Defining React components
  • Using the React framework to handle events and stateful data
  • Installing React
  • Programming with React API
  • Creating React UI Components
  • Overview of JSX
  • Installing Node.js and NPM
  • Using the Babel Transpiler
  • Overview of Redux

Course Description: React is a popular component-based JavaScript framework used for easy creation of powerful, interactive UIs. This React training course will provide an introduction to the benefits of the React JavaScript framework, so course participants can start to develop applications quickly using the framework. Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.

Course Prerequisites: Knowledge of HTML and JavaScript equivalent to attending the Website Development with HTML5, CSS and Bootstrap and JavaScript Programming courses.

Advanced Objects and Functionality in JavaScript
  • Basic Objects
  • Constructor Function
  • Object Properties
  • Deleting a Property
  • The instanceof Operator
  • Constructor and Instance Objects
  • Private Variables with Closures
  • Immediately Invoked Function Expression (IIFE)
  • The Module Pattern
  • Inheritance in JavaScript
  • The Prototype Chain
  • Traversing Prototype Property Hierarchy
  • Inheritance Using Prototype
  • Extending Inherited Behavior
  • Enhancing Constructors
  • Improving Constructor Performance
  • Inheritance with Object.create
  • The hasOwnProperty Method
React Overview
  • What is React?
  • What's in a Name?
  • React Component Model
  • Motivation for Creating React
  • One-Way Data Flow
  • The Virtual (Mock) DOM
  • React Libraries
  • React Installation
Programming with React API
  • React Programming Options
  • Components vs Elements
  • Creating React UI Components
  • React API On-Line Documentation
  • Setting Up the Libraries
  • The React Object
  • The React.createElement Method
  • The ReactElement Object
  • The ReactElement Structure
  • The React.DOM Object
  • The React.PropTypes Object
  • The React.Children Object
  • The propTypes Object
  • Lifecycle Methods
  • Overview of JSX
  • Running Transpiled Code
  • Babel JavaScript Library
  • Script Import Skeleton Code
  • React Components and Properties
  • Creating UI Components with React.createClass()
  • The render Method Object
  • Creating UI Components Using ES6 Class Notation
  • Using ES6 Classes with React
  • Components vs Elements
  • Property Naming Conventions
  • Expressions
  • Nesting JSX Elements
  • State and Lifecycle Events
  • Event Handling
  • Working with Lists of Items
  • List Keys
Introduction to Node.js
  • Overview of Node.js
  • Installing Node.js and NPM
  • Benefits of Node.js
  • Traditional Server-Side I/O Model
  • Disadvantages of the Traditional Approach
  • Event-Driven, Non-Blocking I/O
  • Concurrency
  • Using Node Package Manager (NPM)
Babel Command-Line Interface
  • Using the Babel Transpiler
  • Usage Options
  • Presets and Plug-ins
  • Babel CLI Installation
  • Installing the Required Presets
  • The .babelrc Configuration File
  • Running Babel Command-Line
ES6 in a Nutshell
  • ES6 Features
  • Using ES6
  • Transpiling
  • Major Syntax Changes
  • let and const
  • Variable Scope
  • Shadowing Variables
  • Arrow Functions
  • Arrow Functions As Parameters
  • Using 'this' Within Arrow Functions
  • Template Literals
  • Spread Operator
  • ES6 Classes
  • Declaring Classes
  • Declaring Instance Methods
  • Accessor Methods
  • Static Methods
  • Inheritance With Classes
Extending React
  • The Need to Extend React
  • Overview of Redux
  • Redux Design Ideas
  • React Router
  • Issues With Manual Module Management
  • Webpack
  • Testing React Apps: ReactTestUtils
  • Testing React Apps: Jest
  • Testing with Jest and Enzyme
  • Course materials include student guide, hands-on lab manual and USB flash drive for examples and lab work
  • Students receive a certificate of completion at the end of class
  • Students can retake any portion of a class that has been completed, within 12 months at no extra cost
  • There are no registration fees or cancellation fees

Individual training passes: save up to 43%! For complete discount options » click here «

# Courses Total Cost Cost Per Course % Savings
2 $4,090 $2,045 22%
3 $5,490 $1,830 30%
4 $6,690 $1,672 36%
5 $7,790 $1,558 40%
6 $8,890 $1,482 43%

Multiple Training Locations - Convenience and Cost Control

Attend Regularly Scheduled Courses in More than 100 Cities Across North America and the United Kingdom or via Remote Attendance