reactpractice.dev

Study guide: Data fetching in React

Learning to fetch data in React is one of the first things you'll learn as you get started with React. But it's not so straightforward - do you use React Query out of the box? Or just stick to useEffect? And even after you're

Data fetching with useEffect - why you should go straight to react-query, even for simple apps

Data fetching with useEffect is easy to use and great for quick one-off or practice apps. I've used it myself for a long time - but recently, I've come to the conclusion it's best to just use react-query, even for the simplest cases. Why?

Build a Github repositories search page with sorting and pagination

Build a Github Repositories search page, with sorting and pagination. You can use the Github REST API /search/repository endpoint to query the data. The results should be paginated; by default, show 10 repositories per page Users should be able to: * search repositories by name * choose how many items to

Build a Public holidays app

Build a React application that shows the national holidays for the current year, for a given country. The main screen should show: * a dropdown with a list of countries * a list of public holidays for the selected country You can retrieve a list of available countries and their holidays from

Show top 10 articles from Hacker News

Build a React component that shows a list of 10 articles from the Hacker News API. * use the Hacker News "Top Articles" 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

reactpractice.dev © 2026