Listing, Paging, Sorting, and Searching

Description

This React guide will help you to learn how to make use of various features of the data table such as listing, searching, sorting and pagination with the use data table using React functional components and the latest React hooks functions.

Lab Objective

Upon completion of this lab, you will be able to:

•  How to create a functional component in React
•  How to use hooks with the React functional component
•  How to perform CRUD operation using array data

Prerequisites

You should have a basic understanding of functional components, and basic knowledge of React hooks and bootstrap.

Lab Requirements

•  Create a list of products
•  Add paging, Sorting feature
•  Add search functionality
•  Use react Hooks functions

Note: Use https://dummyjson.com/ Product API and bootstrap UI, don’t create a backend API.