Design websites with JavaScript React in 30 hours

Register this course-$1200 online or $1900 in DC class
Pick your class type Total: $

Pay by Cash App
USA & Canada: +1 240-200-6131
International Call: +1 240-391-8360
9am-6pm DC time or 1pm-10pm GMT

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

Overall Info About our Classes


Enrollment Fee

In-person in DC for $1900 or Online for $1200 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

Register this course-$1200 online or $1900 in DC class
Pick your class type Discount or coupon code: Total: $

View Other Classes!