Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tip Calculator built with REACT

#react
James 510

@Auddity

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


My first build with React.

I used the useReducer hook exclusively to practice with it.

Being new to React I'm not sure I used all the best practices. If anyone has feedback I'd appreciate it.

Community feedback

Elaine 11,420

@elaineleung

Posted

Hi James, great job in working out this React solution! I just had a quick glance at your App.js, and it looks fine to me. In terms of usability, I think it's pretty good too; the only thing I would change is to keep the state of the custom input because I notice that it gets changed to a new value based on which tip button is pressed. Needing to change that value before inputting a new value is a bit unnecessary and can be a slight annoyance.

That's all the comments I have, good work here, and hope to see more! 🙂

Marked as helpful

1

James 510

@Auddity

Posted

@elaineleung Thanks for your reply.

I had the same annoyance with the custom button, however I sort of wrote it off. That's a lesson right there. To not write off something minor like that in terms of user experience.

Cheers.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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