{"slug": "new-react-challenge-simple-pagination", "title": "New React Challenge: Simple Pagination", "summary": "A new React challenge tests developers on building a simple pagination component from scratch using only useState, useEffect, and a mock API. The challenge requires fetching paginated user data, handling loading and error states, and displaying results in a table with page navigation. It aims to reinforce fundamental React skills often overlooked when relying on AI-generated boilerplate.", "body_md": "In a time where AI writes most of our boilerplate, manually wiring a fetch with loading, error, and pagination states is exactly the kind of thing that slips through the cracks — and exactly what keeps coming up in job interviews.\n\nA plain fetch with pagination and manual loading and error handling. No libraries, no abstractions — just `useState`\n\n, `useEffect`\n\n, and a mock API that delays, paginates, and randomly fails. The kind of challenge that keeps your fundamentals sharp.\n\n👉 [https://www.reactchallenges.com/challenges/simple-pagination](https://www.reactchallenges.com/challenges/simple-pagination)\n\n`https://example/users?page={page}`\n\nand display them in a table (ID, Name, Last name). The API returns up to 10 users per page.`Page {page} of {totalPages} ({count} users)`\n\n.If you've been leaning on AI for the boilerplate lately, this one will remind you how much muscle memory matters. Simple fetch, clean state, solid edge cases — exactly what separates a working prototype from interview-ready code.", "url": "https://wpnews.pro/news/new-react-challenge-simple-pagination", "canonical_source": "https://dev.to/reactchallenges/new-react-challenge-simple-pagination-5am4", "published_at": "2026-06-21 10:35:57+00:00", "updated_at": "2026-06-21 11:07:34.774128+00:00", "lang": "en", "topics": ["developer-tools"], "entities": ["React"], "alternates": {"html": "https://wpnews.pro/news/new-react-challenge-simple-pagination", "markdown": "https://wpnews.pro/news/new-react-challenge-simple-pagination.md", "text": "https://wpnews.pro/news/new-react-challenge-simple-pagination.txt", "jsonld": "https://wpnews.pro/news/new-react-challenge-simple-pagination.jsonld"}}