Skip to content
Submitted about 2 years ago

Notification Page | Reactjs, hooks.

Ignacio Andrés Molina•300
@Strocs
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Notifications page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi coders!

I was learning React and decide to use it in this challenge to keep practizing, also added a functionality for 'read' a notification clickin it. If you know React I'll be gratefull for some feedback!

Keep coding! cheers

Community feedback

  • Joshua Hellard•545
    @jhellardPosted about 2 years ago

    Looking good! I'd suggest refactoring your handleCounter function to check if the message is read, it will continue to run even when the message is marked as read. Good use of useState, this is a good challenge for learning React for sure!

    A fun challenge for this one I'd say is to make your data rendered dynamic, maybe pulling in from a .json file and mapping over it with your Notification component.

    Keep on coding! ✌️

    Marked as helpful
    0
    Ignacio Andrés Molina•300
    @StrocsPosted about 2 years ago

    Hey @jhellard, tysm for that feedback, helps a lot to improve. I'll definitely do that refactoring, makes much more sense and will practising dynamic imports in my futures challenges!.

    Cheers!

    0

Please log in to post a comment

Log in with GitHub

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