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

Using React JS hook Use Effect make it so simple

océane 230

@Ocece77

Desktop design screenshot for the Interactive card details form 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'm super happy with how this project turned out😄 I’m especially proud of how I implemented the React hooks, particularly useEffect, to track real-time changes—seeing everything update instantly was just so satisfying! 🚀 Next time, though, I think I would focus more on optimizing the performance. Although it works great, I feel like I could fine-tune the way the state updates to make everything even snappier. ⚡

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

One of the biggest challenges was managing the state 🤯 It was a bit tricky to keep everything in sync, especially with multiple components depending on the same data. But I got through it by breaking the problem down and using the useEffect hook smartly to ensure everything stayed in sync. 💪 Also, a bit of trial and error (and a lot of console logging 😂) helped me nail it in the end!

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

I’d love to get some feedback on the state management—specifically if there are more efficient ways to handle state updates when dealing with multiple components. 🔄 Also, any tips on improving performance while still using useEffect would be awesome! 🔧 Any advice on clean code practices for React would be super appreciated too! 🙌

Thanks, everyone! 😎🎉

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