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