Building a WPM Typing Test With React Hooks

Step 1 — Start with a bootstrap react project:

npx create-react-app my-app
cd my-app
# Download material-ui library
npm install @material-ui/core

Step 2 — Create a key press hook

Step 3 — Use custom key press hook in the application

Step 4 — Memoization of the character component

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store