So I am working on the 25 + 5 clock project with hooks system. I’ve learned hooks system two days ago and now I passed the content and timer tests. However, I think my code looks really ugly.
I really hates the way that I used useEffect method. Also I think I should organize components and divide the responsibilities in a better way.
I agree that the app.js and app1.js is a little confusing.
You should just have one app.js and the rest are child components.
For example, you might consider having a separate component for just the the timer and convert time functions.
You can play around with your code and see what make sense to extract out of the app.js and place in individual components.