Countdown page with glitching header [React, Next]


I’ve started working on small personal project and just finished its first part - countdown section.

I would really appreciate if anyone seasoned in React could have a look at the source code, GlitchLetter in particular and tell me what he/she would have done differently. Using of hooks, states… should I divide it into two separate components etc.
If you dive into it, thank you very much.

Key feature: When you switch tabs in your browser, animations pauses and resumes on return just where you left them.

GlitchHeader’s component tree: Header → Word → Letter => [audio, span]

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.