Course Code: hsts-c46
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.
Before taking this course, students should have a thorough understanding of JavaScript. Knowledge of jQuery, HTML events, and Bootstrap will also be highly helpful.
At the end of this course, you will learn:
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.
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.
 In-person in DC or live online for $2990 per course
                        
                        
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.
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
  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 
  - JSX 
  - 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