useEffect and Fetch API

Solution retrospective
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.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @snhase
Hello, just came across your solution, just completed this challenge as well. I also added some animations, but while the data is being fetched not on display. I like how you incorporated the animations into the app. Great job!
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