Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 4 years ago

Built using Svelte-Kit and thusly using Svelte as frontend framework

Pontus Östlund•70
@poppa
A solution to the REST Countries API with color theme switcher challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


The start page contains loads of images (svg) since all countries are listed by default. Has anyone created a solution where countries below the fold are lazily rendered?

I think the performance is acceptable (barely) as it is, but if I we're to optimize something it would be to not render invisible "country elements" on the start page.

And this was my first time using Svelte, so if anyone has any comments on the code regarding that you are more than welcome to slash me :)

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Pontus Östlund's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License