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

Newsletter sign up using React, TypeScript, CSS modules

Rok Andic 170

@rokandic

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am happy with the overall result. I validated the email adress with JavaScript, though I would probably use Formik or React Hook Forms for form validation if there would be more input fields.

What challenges did you encounter, and how did you overcome them?

This was my first project using TypeScript, so I was figuring things out as I wrote the code. How to define and work with event types took some to figure out, since I wanted to avoid using "any" whenever possible. I did my best to properly define types and learn more about TypeScript.

Since I also just started using React, I also experimented with how to structure components and tried to make the best use of states. Though I decided to handle form submission in the main parent component, I am still learning about which component is the best place to handle different events.

What specific areas of your project would you like help with?

Any feedback on form validation or structure of React components tree would be appreciated.

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