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…