Build a useKeypress Hook in React

▤ Summary

Using Reacts built-in hooks such as useState and useEffect, we can encapsulate and modularize bits of functionality — almost the same way we create reusable components. In this article were going to throw together a quick hook that registers an event listener on a keypress and performs an action. The goal of our hook isnt to replace the existing synthetic event — thats easy enough to register on an element in your JSX. This will be a really basic function that executes the argument if the right key is pressed: Weve named our listener for reasons that will become clear later. Hooks make it easy to create reusable logic that taps into state, props, and the component lifecycle.

▦ Linked Companies