ReactJS with Redux Certification Training

  • Overview
  • Course Content
  • Drop us a Query

The ReactJS with Redux Training is all about using both together to create an extensive application. Focusing on the introduction of React, this helps in creating the reusable UI components which present data those changes over time, whence Redux predictable state container for JavaScript apps that proves to be helpful in writing the applications that behave consistently. Moreover, the candidates tend to learn about the client, server, and native of the Redux environment through this ReactJS with Redux Training. The training throws light on the Redux and React Key Features that and insight how to make an effective use of the React and Redux together to build an extensive application.

After completing the ReactJS with Redux Course, the candidates would be able to:

  • Understand the Data Flow and Usage with React
  • Learn what are React Key Features
  • Define the Async Actions and Async Flow in Redux
  • Describe the Middleware and React Router
  • Learn about React Basics
  • Learn how to run in different environments (client, server, and native)
  • Learn the procedures of using Redux with React to create extensive applications.
Target Audience
  • UI Developers and Technical Leads
  • Freshers and aspiring UI (JavaScript) developers
  • Developers upgrading from AngularJS, EmberJS or other similar UI Javascript frameworks
  • QAs, Architects, and Technical Project Managers
  • Full Stack Developers
Prerequisites

Following are the prerequisites for this course:

  • Basic concepts related to JavaScript
  • Basic understanding of Computer Programming terminologies

1. Introduction to ReactJS

  • Javascript MVC
  • View Technology
  • Introduction to ReactJS
  • React and SPA
  • Basic Setup

2. React Basics

  • React Concepts
  • JSX
  • Render Elements 
  • Components and Props
  • State and Lifecycle
  • Handling Events

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

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

  • Actions
  • 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
  • Set up the testing environment
  • Test Action Creators
  • Test Async Action Creators
  • Test Reducers
  • Test Components
  • Test Connected Components
  • Test Middleware
  • Other Testing options

A Few Things You'll Love!

What our Students Speak

+