Implement Password Validation With Strength Meter From Scratch With React Hooks

Too Long; Didn't Read

This article will show how to implement password validation from scratch(no library) as well as show the strength of the current password as the user types. It is a simple input field with functions to execute based on browser events. The 'password' field is a local variable that stores all the characters that pass a validation criteria. It does so by storing the return value of the `match()` method(which is an array of the passing character(s) to the property in the `passwordTracker` object that corresponds with the validation criteria that they pass.