Skip to content
Submitted almost 2 years ago

News-Letter Sign In with Success Message using React, SASS/SCSS

react, sass/scss
Zubair Abid•280
@ZubairAbid101
A solution to the Newsletter sign-up form with success message challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello!!!

Thanks for checking out my solution!

This project was built using,

  • HTML
  • CSS
  • JavaScript
  • SASS/SCSS
  • React

I had difficulties in,

  • Using the correct regular expression for email validation
  • Controlling state passed to child components using parent component
  • Conditional rendering
  • Dynamic styling

I aim to improve my understanding of,

  • state
  • props
  • styling in React

I have the following questions,

  • Q1: How can I make my code more readable?
  • Q2: Will it be better to apply conditional rendering to the element with the .container class?
  • Q3: Should I create a separate child component for the form?

Any feedback regarding best practices would be much appreciated!

Until next time!!!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Zubair Abid'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