
Submitted about 1 year ago
React and TypeScript in Action: A Pomodoro Timer
#react#typescript
P
@evengene
Design comparison
SolutionDesign
Solution retrospective
- This app was developed using React, TS and MUI. This combination allows for a fast and responsive app as well as a clean and maintainable codebase.
- Utilized useContext for state management in the app, eliminating the need for prop drilling.
- Paid attention to component naming and structure, as well as the use of hooks and the separation of concerns.
- Applied linting and formatting rules to ensure a clean and consistent codebase.
Question to community:
- How did you handle the 'Apply' button? I struggled with it a bit because of the <Dialog> component handling overflow property and hiding child component beyond it's boundaries. I would like to know how you handled it.
- How would you handle the timer? I used setInterval because it's simple, and it works, but I'm not sure if it's the best way to handle it.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord