> ## Content Index
> Fetch the complete content index at: https://reactpractice.dev/llms.txt
> Use this file to discover other available public pages before exploring further.

# Show top 10 articles from Hacker News
- URL: https://reactpractice.dev/exercise/show-top-10-articles-from-hacker-news/
- Published: 2024-06-17T04:45:26.000Z
- Updated: 2026-06-01T01:57:16.000Z
- Author: Corina Udrescu
- Tags: Working with APIs, #corina-2, Data fetching, Exercises, Essential, Phase 1 - STARTER, #Import 2026-06-09 12:07

Build a React component that shows a list of **10 articles from the Hacker News API**.

- use the Hacker News "[Top Articles](https://github.com/HackerNews/API?tab=readme-ov-file&ref=reactpractice.dev#new-top-and-best-stories)" API
- for each article, display its **score, title, url and author**
- do not display the article details until all the data is loaded

Tip: You can get started with [Vite and Typescript](https://reactpractice.dev/articles/how-setup-a-react-project-with-vite-typescript-and-tailwind/)

Good luck!

💡 Ready to check your work?  
Become a member and get access to the ****official solution** and the comments section for ****feedback and discussion**.  
  
Also, for a limited time, you will also get a ****code review** when you share a link to your completed challenge in the comments section!

[Learn more about the membership ](https://reactpractice.dev/become-a-member/)