REACTion time

How fast can you react?

Compete with people all over repl.it on the way to become the most nimble!

About

This was made -- unsurprisingly with react to test out just how hard it is to set it up (very hard) and also to test out what react.js can do. I've been mostly coding in Unity or p5.js, but I feel like it's time we focus on UI and maybe even mobile apps (hint hint switcheroo android app when)!

Process

This repl contains autogenerated code for maximum speed and less tears. If you would like to view the code and components, you are free to do so here. You will also be able to see the awesome repl.it component... (npm package soon!)

Building

It was built -- unsurprisingly -- with webpack and babel! I think they are really good to use and probably better than using gulp and react without ES6...

Inspiration

Human Benchmark. Need I say more?

Credits

• @willuhmjs for beta testing
• @meowcatheorange for beta testing
  @elipie Implemented your keypress suggestion!

Known Bugs

• If you do it too fast, you may get this interesting score called 1604021441546 (or more). This is due to the fact that the browser rounds the time, so the number became 0, so Jan 1 1970 (time 0) - 0 = approx. 1604021441546.
• Your scores might not be uploaded... I don't know why, people haven't been giving me any logs of what their data looks like, but general advice is to clear your localstorage (this does delete all progress!)

Closing

I hope you are really quick! My low score is 371 milliseconds due to the nature of my computer. As quoted from human benchmark

While an average human reaction time may fall between 200-250ms, your computer could be adding 10-50ms on top. Some modern TVs add as much as 150ms!

I have way too many extensions...

Alright have a great day and send screenshots of your times! (Maybe OS and browser too :O)