NIIT - Building Interactive User Interfaces Using React Library 

Context Setting

Create a Simple React Program Using React Elements?

Watch and Repeat : React Hello World

Watch and Repeat : React Table Element

Build and Render Stateless Components Using JavaScript Functions

Watch and Repeat : React Functional Component

Render React Components Based on Conditions?

Watch and Repeat : React Conditional Rendering

Render Multiple Components Using Lists and Keys?

Watch and Repeat : React List and Keys

Practice Brief

Practice Debrief

Learning Consolidation

Get Started with React Fundamentals

Get Started with React Fundamentals

Context Setting

Build Stateful Class Components Using ES6 Syntax

Watch and Repeat : React Stateful Components Using React Class

Manage State by Handling Events With React Elements

Watch and Repeat : React Event Handling

Explain Reconciliation and Virtual DOM

Create More Readable Views Using JSX

Watch and Repeat : JSX expressions

Watch and Repeat : Conditional Rendering and Event Handling using JSX

Practice Brief

Practice Debrief

Learning Consolidation

Build Stateful Components using React

Build Stateful Components using React

Context Setting

Define Abstraction and Encapsulation

Apply the Principles Used to Break Down the User Interface (UI) into Components

Apply the Principles Used to Break Down the User Interface (UI) into Components

Watch and Repeat : Create React Project using Create-React-App tool

Watch and Repeat : Import and Export Modules

Pass data through Component Tree Using Context?

Watch and Repeat : React Lift State up

Watch and Repeat : React Context

Reuse Code between Components Using React Composition?

Watch and Repeat : React Component Composition

Practice Brief

Practice Debrief

Challenge Brief

Challenge Debrief

Learning Consolidation

Break the UI into a Component Hierarchy

Break the UI into a Component Hierarchy

Context Setting

Override React Component's Life Cycle Methods

Watch and Repeat : Mounting Phase in React Life Cycle Method

Watch and Repeat : Updating and UnMounting Phase in React Life Cycle Method

Define Error Boundaries to Catch JavaScript Errors

Watch and Repeat : Error Boundary

Make HTTP Requests with Axios API to Communicate With Servers

Watch and Repeat : Axios API

Practice Brief

Practice Debrief

Challenge Brief

Challenge Debrief

Learning Consolidation

Manage Application State using Life Cycle Methods

Manage Application State using Life Cycle Methods

Context Setting

Explain Unit testing?

Test Using Jest?

Demonstrate Common Testing Patterns

Watch and Repeat : Unit test Greetings component

Demonstrate Event Testing

Watch and Repeat : Unit Test Color Component

Create Mocks with Jest Methods

Watch and Repeat : Unit Test PrimaryColor Component

Watch and Repeat : Unit Test CompositeColor Component

Watch and Repeat : Unit Test ColorPalette Component

Watch and Repeat : Unit Test ColorChanger Component

Demonstrate Snapshot Testing

Watch and Repeat : Unit Test Message Component

Examine Other Testing Libraries?

Practice Brief

Practice Debrief

Learning Consolidation

Test React Class Components using Jest

Test React Class Components using Jest