Skip to content
Submitted almost 3 years ago

Interactive Comments Section with React, React Context and BEM

kreyson•60
@kreyson999
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive comments section
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

What should i do to make this code "cleaner"? Is React Context good solution for this app? What should i do to save this data to localStorage immediately, because i'm saving this data after setState and we know that setState is asynchronous so saved data isn't always current?

Community feedback

  • Adarsh•1,640
    @adram3l3chPosted almost 3 years ago

    Hey yoy did great 👍. You can solve the local storage problem using useEffect.

    useEffect(()=>
  localStorage.setItem
  ("comments",JSON.stringify(state))
  ,state)
    Marked as helpful
    1
    kreyson•60
    @kreyson999Posted almost 3 years ago

    @adram3l3ch thank you so much, you really helped me!

    1

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