onClick vs onMouseDown | Event Ordering in DOM

For a form in one of my React applications, I was trying to implement fairly strict inline validation while still keeping the UX smooth.