KC

AutoSearch

NPM Package - React autocomplete and search component featuring keyboard navigation and easy customization

The Process

This project started out as requirement for another application I was building at the time but quickly evolved into its own fully-scaled and dynamic search autocomplete component. I had a great time building this all while trying to apply the best practices I know thus far in my programming career. I learned a great deal from designing, implementing and testing the component. The most valuable lesson or aspect of this project was the implementation of callback functions to supply action and navigation info outside of the component.

Reflection

  • Built upon my knowledge of DevOps processes
  • Learned to effectively use Rollup.js and Jest
  • Exercised the use of modern React architecture best practices
  • Technology Stack

    TypeScriptNPMRollupJest

    Resources

  • https://docs.npmjs.com/cli/v6/commands/npm-publish
  • https://www.rollupjs.org/guide/en
  • https://jestjs.io/docs/api
  • Explore