React & React Patterns

Master hooks, component patterns, state management, and testing — the skills that land frontend engineering roles.

5 exercises

mediumTypeScript

Next.js Dynamic Routes with Static Generation

Create a Next.js-style dynamic route component that simulates the behavior of `[slug]/page.tsx` with `generateStaticPara...

reacttypescriptnext.js+6

mediumTypeScript

Virtual List Component for Large Datasets

Build a virtualized list component that efficiently handles rendering thousands of items by only rendering visible items...

mediumTypeScript

User Data Fetcher with State Management

Build a data fetching component that loads users from a mock API and manages all possible states. ## Requirements Impl...

easyTypeScript

React Counter Component with useState

Create a Counter component using React's `useState` hook that manages a count value and provides user interaction button...

mediumTypeScript

Todo List State Management

# Todo List Component Implement a `TodoList` class that manages todo items with full CRUD functionality. Each todo shou...