NIIT - Building User Interfaces Using Functional React Components 

Context Setting

Create Function Components?

Watch and Repeat : Display Greetings Message With Username

Recall State Management in React?

Manage State Using useState Hook

Watch and Repeat : Display Count of Button Clicks?

Handle State Management Efficiently Using useReducer Hook?

Watch and Repeat : Implement State Management With User Authentication

Create Custom Hooks for Reusable Stateful logic?

Watch and Repeat : Develop Reusable Stateful Logic to Track Mouse Position

Produce Side Effects Using useEffect Hook

Watch and Repeat : Display the Duration for which Web Page was Viewed

Sharing Data among Components Using useContext Hook?

Watch and Repeat : Define Dark and Light Themes and Apply it to Multiple Components

Practice Brief

Practice Debrief

Challenge Brief

Challenge Debrief

Learning Consolidation

Instructions to upload the Programming Assignment Solution

Build React Components using Functions and React Hooks

Build React Components using Functions and React Hooks

Context Setting

Watch and Repeat : Test Custom Hook

Make Use of React-Hooks-Testing-Library to test Custom Hooks?

Test for Initial State Values on Rendering

Watch and Repeat : Test Custom Hook on Rendering

Test for State Changes on Event Trigger

Watch and Repeat : Test Custom Hook on State Updates

Test for State Changes on Change in Props

Watch and Repeat : Test Custom Hook for State Updates by Props

Test for State Changes on Change in Context Value?

Watch and Repeat : Test Custom Hook on State Updates by Context Values

Test for State Changes on Asynchronous Updates?

Watch and Repeat : Test Custom Hook for Asynchronous State Updates

Practice Brief

Practice Debrief

Learning Consolidation

Test Custom Hooks Using React Hooks Testing Library

Test Custom Hooks Using React Hooks Testing Library