BUGDOJOEnter as Guest

Used by Warriors prepping for React interviews

React Debugging Practice

Kata

Fix broken React components in a live sandbox. Earn Ki.

Drills

Drill the concepts behind every bug. Any device.

Enter the Dojo
1000+Warriors entered
2200+Kata solved
150+Drill questions

Leaderboards·Company tags·Tag filters·+2 more coming soon

Premium access launches soon.

VOICES FROM theDOJO

The approach to learning bug fixing is excellent. Simple, elegant, and it just works.

Ben
NSW, Australia

Found it during React interview prep. Helped me recognise patterns and come up with solutions faster.

Daya
New York, USA

Good for staying sharp on the fundamentals when AI is writing half your code anyway.

Rohan M.
Bengaluru, India

The bugs feel like real mistakes you've probably already made. That's what makes it click.

Nina P.
Amsterdam, Netherlands

A great way to keep practising, especially when you don't have an active project.

Oleg S.
London, UK

The approach to learning bug fixing is excellent. Simple, elegant, and it just works.

Ben
NSW, Australia

Found it during React interview prep. Helped me recognise patterns and come up with solutions faster.

Daya
New York, USA

Good for staying sharp on the fundamentals when AI is writing half your code anyway.

Rohan M.
Bengaluru, India

The bugs feel like real mistakes you've probably already made. That's what makes it click.

Nina P.
Amsterdam, Netherlands

A great way to keep practising, especially when you don't have an active project.

Oleg S.
London, UK

Inside the dojo

BugDojo kata solve page - fix broken React components with useEffect, useState, useCallback, useReducer, closures and stale state in a live sandbox with immediate test feedback
useEffectuseStateuseCallbackuseReducerclosuresstale statecleanuprace conditions

Read the symptoms

Every kata tells you what's broken.

Each kata describes exactly what the user sees when the component is broken - not what to fix. A symptom tells you the visible failure. A hint nudges you toward the relevant React concept without giving away the answer. Constraints define what a valid fix must and must not do. You learn to read broken behaviour and reason about useEffect, useState, and hook interactions the way you would in a real codebase - not by copying a solution.

thebugdojo.com/theory/session
BugDojo Drills session - answered question showing green correct option, red wrong option, and explanation box revealing the reasoning

Study the principle

No sandbox. Just you
and the concept.

Kata put you in the editor. Drills put you in the exam. 150 multiple choice questions across White, Blue, and Black belt - useState, useEffect, useCallback, useMemo, useReducer, useRef, stale closures, dependency arrays, object mutation, batched updates, cleanup functions, React.memo, key prop behavior, async state, and more. Pick an answer and the reasoning appears immediately: why the correct option is right, why each wrong one fails. Every completed session keeps your daily streak alive. Find the gaps in your React knowledge before an interview does.

Earn your rank

Ki earned. Belt worn.

Every correct fix earns Ki and updates your belt rank. White Belt kata cover the fundamentals - controlled inputs, missing dependencies, basic state updates. Blue Belt kata require understanding how hooks interact - stale closures in useCallback, missing cleanup in useEffect, object mutation bypassing useState. Black Belt kata require architectural reasoning - wrong action types in useReducer, stale custom hook dependencies, and using useRef where useState is needed. Ranks are earned through practice, not time.

thebugdojo.com/profile
BugDojo profile page - Ki progress bar, belt badge and debug streak track your rank as you solve React debugging kata

Pick your battle

Every kata. Your pace.

Browse all 51 kata filtered by belt or topic. If you have six months of React experience, start at White Belt - visible bugs, single concept fixes, immediate feedback. If you are preparing for a senior interview, work through Blue and Black Belt kata covering stale closures, effect cleanup, reducer design, and hook composition. Train on the concepts you need. Skip the ones you already know.

Strike lands true

Fix it. Submit. Collect Ki.

When you submit a fix, automated tests run against your code in a live React sandbox. The tests are adversarial - they are written to catch the specific bug described, not just to verify the happy path. You cannot pass by deleting code, hardcoding a return value, or making an unrelated change.

BugDojo result modal - Kata complete, +15 Ki earned and streak updated after fixing a broken React component
From the Dojo
Initiate

Visible Bugs

Wrong prop, typo, missing key. The fix is near the symptom. +10 Ki per solve.

Blue Belt

Hooks & Closures

Stale closures, missing deps, async races. Requires hook knowledge. +25 Ki per solve.

Structural Void

Memory leaks, context misuse, edge cases. Symptom far from cause. +50 Ki per solve.

The Final Trial

The Black
Architecture

Deep-dive into performance leaks and complex architectural flaws.

Begin →
"A master hunts down the errors that hide in the shadows of logic."
- Master Red-Edge