Responsive implementation using downshift, react-window, framer-motion
Design comparison
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.
Community feedback
- @niemalPosted over 1 year ago
Updated with github-pages client-side routing, react-window working on all devices for all content!
0
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