Design websites with JavaScript React in 30 hours

Self-paced registration
Registration: self-paced from $60 or live for $2990
Pick your class type Total: $

USA & Canada: +1 240-200-6131

Design websites with JavaScript React in 30 hours

Course Code: hsts-c46

What is included in this course

Course Description

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

In this in-depth training course for experienced JavaScript developers, you will gain a thorough understanding of what React is and how it works, along with practical hands-on experience creating a React application from scratch. You will understand the problems that React can help you solve, gain a deeper understanding of JSX, work with form components, implement React styles, and learn how to integrate unit tests for React components.

Course Prerequisites

Before taking this course, students should have a thorough understanding of JavaScript. Knowledge of jQuery, HTML events, and Bootstrap will also be highly helpful.

Course topics

At the end of this course, you will learn:

Follow up classes

Native iOS App design with JavaScript React Native
Native Android App Design with JavaScript React Native
Introduction to Node.JS, MongoDB and Express.JS Programming
Introduction to Angular JS Programming
Advance HTML5 and CSS3 programming
Introduction to web application development with Java Enterprise Edition programming

Self-paced training

This course is available in a self-paced video format starting at $60. Click here to learn more and register. For complete self-paced web design training, visit our Web design and development bundle page.

Corporate and Enterprise Training

Our live courses are also offered via our enterprise training program which comes with:

Feel free to contact us by email or phone to discuss your training needs and get a quote.

Overall Info About our Live Classes


Enrollment Fee

In-person in DC or live online for $2990 per course

Course Session Dates

Our courses are offered all year around. Upon registration we enroll you to the earliest available class but you can reschedule it free of charge.



Software Versions

Our classes are taught on the most current version of software whenever possible. To request a specific version, please Contact Us or call us at 240-200-6131

Course Outline

Topics Covered in this Course

1- Introduction to ReactJS
- Understand JavaScript MVC
- Understand the View Technology
- Overview of ReactJS
- Configuration
- Javascript MVC
- View Technology
- Introduction to ReactJS
- React and SPA
- Basic Setup
- First Example – Hello World

2- React Basics
- React Concepts
- Render Elements 
- Components and Props
- State and Lifecycle
- Handling Events
- React Concepts

3- React Key Features
- Conditional Rendering
- Lists and Keys
- Forms
- Lifting State Up
- Composition vs Inheritance
- Thinking In React

4- Redux Introduction
- Introduction
- Motivation
- Core Concepts
- Three Principles
- Legacy of Redux
- Redux Setup
- First example

5- Redux Basics
- Action
- Action Creators
- State Shape
- Handling Actions
- Handling more actions
- Splitting Reducers
- Store
- Dispatch Actions

6- Data Flow and Usage with React
- Data Flow
- Install React Redux
- Presentational and Container Components
- Design Component Hierarchy
- Implementing Components
- Passing the store

7- Async Actions and Async Flow in Redux
- Synchronous Action Creators
- Design State Shape
- Handle Actions
- Async Action Creators
- Async Flow

8- Middleware and React Router
- Middleware
- Middleware Applicability
- React Router Overview
- React Router Configuration
- React Router with Redux
- Navigate with React Router 

9- Advanced features of Redux
- Object Select Operator Overview
- Object Select Operator Applicability
- Redux on Server
- Configuration – Server Rending
- Server side – Server Rendering
- Client side – Server Rendering

10- Testing Redux
- Overview of Jest
- Setup testing environment
- Test Action Creators
- Test Async Action Creators
- Test Reducers
- Test Components
- Test Connected Components
- Test Middleware
- Other Testing options

Self-paced registration
Registration: self-paced from $60 or live for $2990 Pick your class type Discount or coupon code: Total: $

View Other Classes!