Responsive implementation using downshift, react-window, framer-motion

Solution retrospective
I implemented downshift
for the first time and it was a lot of fun. I learned how to implement a very powerful search combobox that is flavored with a cool animation thanks to framer-motion
. I had to implement react-window
along with it to avoid the tremendous cluttering that so many items can cause, which leverages a powerful performance (react-window
is in the search combobox and the mobile version of the home layout only). I could leverage the countries API to decrease the overall bundle size but I just didn't. Perhaps I should and will in the future. All in all, I enjoyed this challenge! Feel free to give any kind of feedback.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @niemal
Updated with github-pages client-side routing, react-window working on all devices for all content!
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