Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
React
- Successfully fetched data from the API using a
useEffect
hook.
Tailwind CSS
- Created the hover effect by adding a custom drop shadow to the
tailwind.config.js
file
React
- Would improve fetch on my next attempt - adding a loading state and error handling.
Tailwind CSS
- Still figuring out how to create transitions - I was able to attempt a transition that unfortunately only works on the initial render. I am thinking React should be involved with adding/removing classes through an animation state. I will keep researching on this.
EDIT I finally got animations to work on this project! 🔥🔥🔥
Still getting stuck on animating my components, also user-triggered animations. Might look into framer motion but would rather figure out if there's a React x Tailwind way before I explore other libraries.
Community feedback
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