Submitted over 2 years ago

Next13 /app, TS, SCSS, React Hook Form, Storybook 7, SCSS, RTL, Vitest

next, react, react-testing-library, storybook, vite

Adam Mescher•180

@AdamMescher

A solution to the Age calculator app challenge

Preview Code

Solution retrospective

Lots of interesting stuff in here, not a perfect solution, but many best practices included.

React Hook Form with controlled <Input /> component and inline error messages
React Spring animation library used to animate count up of valid date
Storybook stories and .mdx file for each component
RTL tests for each component with 100% coverage

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Adam Mescher's solution.

Join 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