rizafr / realtime-search-bar

Realtime SearchBar React component for tutorial purpose

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Optimized Realtime Search with React

Created as an example for the article "Realtime Search with React" (link to be added).

This project demonstrates how to create an optimized and reusable real-time search feature with React Hooks using debouncing and memoization techniques.

A live example is available here.

AnimeChan API

The project make use of AnimeChan, a free restful API serving quality anime quotes.

How to run the project

In the project directory, you can run:

npm start

to run the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Created with create-react-app

About

Realtime SearchBar React component for tutorial purpose


Languages

Language:JavaScript 49.5%Language:HTML 26.5%Language:CSS 24.0%