Skip to content

jasonloeve/React-ts-autocomplete

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Autocomplete Component

A reusable, modular Autocomplete / ComboBox component built with React and TypeScript.
It’s designed to be lightweight, framework-free, and easy to integrate into any React project.

** NOTE - This component has been shipped in a Parcel setup for local development / running.


Features

  • Debounced search – prevents unnecessary API calls on every keystroke (good for high-traffic apps or third-party APIs).
  • Dropdown with feedback – shows Loading... while fetching, and No results for "..." if nothing matches.
  • Keyboard navigation – use Arrow Up/Down to navigate, Enter to select, Escape to close.
  • Clearable input – an X button to reset the selection quickly.
  • Selected option highlight – keeps the selected option highlighted when reopening the dropdown.
  • Fully typed with TypeScript – includes generic typing for flexible use with any data type.

Installation

Install dependencies:

cd autocomplete-example
npm install
npm start

About

Coding challenge to build out a autocomplete component using React Typescript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published