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

Responsive Tip Calculator App | Solidjs - Typescript - Postcss

#solid-js#typescript#accessibility
AntoineC 1,180

@AntoineC-dev

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


Hello everyone. This is my solution for the Tip Calculator App challenge 😊.

It is the first time that I use solid-js and I liked it a lot. It almost drove me crazy once because of a really obscure bug I add with props de-structuring. For anyone using solid-js in the future remember that you can spread props when calling your component but NOT de-structure them in the component function (If you want to keep the reactivity). If you want to do it anyway (which i understand) you should use the built-in splitProps helper from the API.

I hope you like my solution and feel free to share any advice/improvement you would like to see implemented in the code.

Thank you for your time. Have a good day/night. Peace 😊

Community feedback

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