React Developer Challenge — Testing skill for Claude Code

React Developer Challenge

A comprehensive challenge system designed to test senior React developers' skills through practical coding challenges. Candidates must find and fix bugs, optimize code, and solve problems to capture hidden flags within a 45-minute time limit.

**📘 For Interviewers**: See [INTERVIEWER_GUIDE.md](INTERVIEWER_GUIDE.md) for setup, evaluation criteria, and administration instructions.

🎯 Overview

This challenge system evaluates senior React developers through practical coding exercises. Candidates find and fix bugs to capture flags, providing a hands-on assessment of their React expertise.

📊 Statistics

• Total Challenges: 28
• Levels: 5 (Progressive difficulty)
• Target Time: 45 minutes
• Technologies: React 18, Jest, React Testing Library
• Test Coverage: Full test suite included

---

🚀 Quick Start

Prerequisites

• Node.js 18+
• npm or yarn
• Modern browser (Chrome/Firefox recommended)

Installation

1. Clone the repository

git clone https://github.com/mirzaaghazadeh/React-Developer-Challenge
cd React-Developer-Challenge

1. Install dependencies

npm install

1. Start the development server

npm start

1. Run tests

npm test

1. Access the challenge

http://localhost:3000

---

📋 Challenge Structure

Level 1: React Basics & Component Logic (5 challenges)

• useState Hook Bug Fix
• Event Handler Issues
• Conditional Rendering Bug
• Props Destructuring Fix
• Key Prop Missing

Level 2: React Hooks & Side Effects (6 challenges)

• useEffect Dependency Array Bug
• Infinite Loop Fix
• Custom Hook Implementation
• useCallback Missing Dependency
• Memory Leak Prevention
• useRef Usage

Level 3: State Management & Context (5 challenges)

• Context Provider Bug
• State Update Batching Issue
• Reducer Logic Error
• Context Performance Problem
• Complex State Updates

Level 4: Performance Optimization (6 challenges)

• u