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

Article preview component ❤️ in react & tw

P

@raswonders

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Two quite distinct visual styles of share component made me little hesitant about code structure. For each visual style I produced one component and conditionally rendered them. The code isn't well encapsulated and I don't feel particularly good about it.

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

I'd like to improve upon my solution to share popover. There seems a little junk in loading icons, when initially clicking share button. I'd like to learn how to mitigate this and improve code structure of share popover.

Community feedback

@konraddissake1808

Posted

You did great with this mate, I can't say anything better as I wasn't able to achieve make the share links to disappear when clicking out of it. Imma take a peek into your solution url. Anyway, good job

1

P

@raswonders

Posted

@konraddissake1808 thanks! you might wanna peek few commits back as I did recently major refactor employing radix-ui component which makes it maybe too abstract for learning.

1

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