Design comparison
Solution retrospective
Just completed another challenge! If you have any feedback(s) / suggestions / thoughts, I would love to know!
Community feedback
- @GregLyonsPosted about 2 years ago
Great work! You've completed quite a few complex projects recently. This one runs smoothly, and you handle state and asynchronous data fetching nicely.
On your next project with asynchronous data fetching, I recommend reading this resource about handling loading and errors. That author also writes a custom hook to handle such things, which is good to read.
A very good library for handling such things is React Query. In the example in that link you can see the
useQuery
hook similar to the first link. This library also handles a lot of other things for you, like caching (so you'd only need to do the "All countries" query once, and then when the user returns to that page it'll use the cached data instead of running the query again) and deduping (if you have multiple components on the page that call the same query at the same time, the query will only be done once, with its results being shared to both).One thing I would suggest for your code is to use more semantic HTML. In a lot of caes you're using
<div>
to contain text, whereas something like a heading<h1>
(the "Where in the world?") or a<p>
(for a lot of your other text) would be better. I think the best place to start would be the Text Content section of this MDN resource. I think that section's the most important (as well as "Forms"), and by practicing those two sections you would address a lot of the accessibility/HTML issues that Frontend Mentor is flagging.Marked as helpful2@wxyzz22Posted about 2 years ago@GregLyons Thanks a lot for the detailed feedback! I will definitely check out the resources you pointed out!
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