Design comparison
Solution retrospective
First app done with react.
What challenges did you encounter, and how did you overcome them?Responsive design of share component and using react overall
What specific areas of your project would you like help with?all advices will be appreciated
Community feedback
- @ZPolikarpovPosted 4 months ago
Hello there. Well done on completing the challenge. There are a couple of things you can do to add more functionality and to use more of Reacts capabilities.
FIrst of all instead of using straight up images on the "Share tooltip" wrap them in Links. This way you can navigate via the link by pressing on the image.
While having a "show" property on your Sidepage can certainly be useful in more complex applications, you could shorten this by using conditional statements to render that part
{ isShareOpen && <Sidepage ... }
. Since you've unpacked the Button image and used the SVG code directly: instead of assigning a class to change the button of the image you could instead change thefill
property itself, which would change the color in a more apparent and quicker way:fill={color}
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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