umeshjain1999 / react-debounce-search

Debounce Search using ReactJS

react-debounce-search ⌛🔎

react-debounce-search is a simple and lightweight React app that demonstrates the use of debouncing in a search field. The app features a search input with a debounce function, allowing users to search for a term without triggering an API call on every keystroke. This can help improve the performance of your search functionality by reducing the number of unnecessary requests made to the server.

To use the app, simply enter a search term in the input field and wait for the debounce time to elapse. The app will call API from dummyjson based on search term, allowing you to see how the debounce function is working.

Installation ⚙️

Codesandbox

open this URL : codesandbox

Local Machine

To clone the repository, run the following command:

git clone https://github.com/umeshjain1999/react-debounce-search.git

After cloning the repository, navigate to the react-debounce-search directory and install the required dependencies by running the following command:

npm install

Once the dependencies are installed, you can start the app by running:

npm start

This will start the development server and open the app in your default web browser.