@Gaurav4604
Posted
Hi! Congratulations on completing the challenge! It looks amazing 🥳.
I had a few ideas for the project (some of them are definitely over-engineered).
- Adding a placeholder div under the input, so that your input container, doesn't resize when the user fails the form-field validation
- Success/error based url routing react router helps for the same
- Transitions for the error states in the form you can try out this or this (more advanced)
- Simple redux store to record the form input and perform validation on the same redux toolkit helps focus on state independent from the component level state
Marked as helpful
@GoranK89
Posted
@Gaurav4604
For the error message, I considered absolute positioning, but on the design pictures the gap between inputs gets expanded on errors so I just followed that. But yeah, I prefer the form not jumping up and down otherwise.
Thank you for the links, redux, and react-router I'm just starting to learn, so I will definitely apply them in the next challenge.
@Gaurav4604
Posted
@GoranK89 Hope to see you apply them soon! 😄