IIRF Online > Development > Web Development > React JS > Building User Interfaces Using Functional React Components
Building User Interfaces Using Functional React Components by Coursera
Course Highlights
- Build React functional components and create reusable and testable stateful logic using React Hooks
Skills you will learn!
Curriculum
24 Topics
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
Pomodoro with Hooks
Journler App with Persistence
19 Topics
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
InstaChat
Building User Interfaces Using Functional React Components
Related React JS Courses
Thank You!
Your review has been submitted successfully.