Originally, I started building this using requestAnimationFrame
for the timer until I realized that doing so wouldn’t pass the fCC Test Suite. Ugh.
So, I refactored to use setInterval
instead, then just used requestAnimationFrame
for the countdown indicator instead (which I was determined to have). It’s not as smooth now, but it still works and passes the test. I also hid the #timer-label
(it’s still there and working to pass the test) and used svg text along an arc path to indicate session/break status instead to get the look I wanted.
This is my first project using Redux with React… would appreciate some feedback…
Thanks!