-- online Search!

Critical thinking for an AI world

React Quizzes

Review component boundaries, state, effects, and the decisions behind a reliable interface.

Choose from 43 quizzes below. Practice the concepts you need to judge a solution, recognize faulty assumptions, and find errors in logic or code. Every answer includes an explanation and a link back to the relevant tutorial.

Basics

Your React Learning Path

Judge learning priorities and review AI suggestions against the problem you actually have.

4 questions

Take quiz

React Foundations

Decide which web concepts you need to review when a React app behaves incorrectly.

4 questions

Take quiz

JavaScript Judgment for React

Catch shared-reference mistakes, misleading defaults, and stale assumptions in generated React code.

4 questions

Take quiz

Choosing React

Review the problems React solves and the application decisions it leaves to you.

4 questions

Take quiz

Your First React App

Review JSX conversion, production setup, and ownership of the rendered page.

4 questions

Take quiz

React Build Decisions

Review what a build does, what gets deployed, and which assumptions need a production check.

4 questions

Take quiz

React Components

Judge whether a component boundary makes repeated UI easier to change and reuse.

4 questions

Take quiz

Function Components

Judge a component by its inputs and behavior rather than how compact its syntax looks.

4 questions

Take quiz

Reviewing JSX

Check the assumptions behind JSX, expressions, and the DOM structure a component creates.

4 questions

Take quiz

Styling React Content

Review selector scope and data-driven styles without confusing components with DOM elements.

4 questions

Take quiz

Composing React UI

Choose useful component boundaries and keep related views consistent as data changes.

4 questions

Take quiz

Passing React Props

Find broken data paths and judge the tradeoffs of forwarding component inputs.

4 questions

Take quiz

Data-Driven React UI

Review list identity and keep generated views connected to the data they represent.

4 questions

Take quiz

Conditional UI Decisions

Review missing states, component identity, and the difference between hiding and removing UI.

4 questions

Take quiz

React Events

Review callback wiring, event data, and the lifetime of manually installed listeners.

4 questions

Take quiz

Hooks and State

Reviewing React Hooks

Check state ownership, render scheduling, and the assumptions behind Hook usage.

4 questions

Take quiz

React State

Review state ownership, batched updates, and how changing data reaches the UI.

4 questions

Take quiz

Effect Decisions

Decide when synchronization is needed and catch incomplete dependencies or cleanup.

4 questions

Take quiz

React Lifecycle

Place setup, updates, and cleanup where they match the lifetime of a component.

4 questions

Take quiz

React and the DOM

Choose when direct DOM access is appropriate and when a portal solves a placement problem.

4 questions

Take quiz

Form Ownership and Behavior

Review who owns field values, how labels work, and what submission really resets.

4 questions

Take quiz

Reducer Design Decisions

Review state transitions for consistency, purity, and useful failure behavior.

4 questions

Take quiz

Context and Shared Data

Judge when context helps and which update costs it does not remove.

4 questions

Take quiz

Custom Hook Boundaries

Review reusable logic without assuming shared state, universal environments, or a complete data layer.

4 questions

Take quiz

Thinking in React

Review state ownership and prevent different parts of the UI from disagreeing.

4 questions

Take quiz

Going Further

React Todo App Review

Find identity, state, and interaction mistakes in a small app that looks deceptively simple.

6 questions

Take quiz

React Data Requests

Review loading, failure, and ownership assumptions when external data drives a component.

6 questions

Take quiz

React Routing

Review route matching, browser history, and direct links instead of testing only menu clicks.

4 questions

Take quiz

React Sliding Menu

Review shared visibility state, animation boundaries, and the interactions a mouse-only demo can miss.

6 questions

Take quiz

React Render Performance

Evaluate performance claims without suppressing updates the UI actually needs.

6 questions

Take quiz

Responsive React Interfaces

Judge scheduling and rendering changes by the work they actually avoid or postpone.

4 questions

Take quiz

Redux State Decisions

Review actions, predictable reducers, and the difference between requesting and applying a change.

6 questions

Take quiz

React and Redux

Review store ownership and the connection between UI actions and shared state.

6 questions

Take quiz

Shared State with Zustand

Review subscriptions, persisted data, and the difference between client state and server data.

4 questions

Take quiz

Reviewing React Upgrades

Check compatibility and the files users actually run before calling a dependency upgrade complete.

4 questions

Take quiz

Modern React

Modern React Decisions

Review Actions, optimistic feedback, and asynchronous data without mistaking convenience for correctness.

4 questions

Take quiz

Loading and Failure Boundaries

Choose useful UI boundaries and review whether waiting, failure, and retry are actually handled.

4 questions

Take quiz

Server and Client Boundaries

Review execution boundaries, delivered data, and the responsibilities that remain on the server.

4 questions

Take quiz

Type Safety in React

Evaluate what types guarantee and catch attempts to hide real runtime cases from the checker.

4 questions

Take quiz

Quality and Shipping

Tests That Catch React Bugs

Judge tests by observable behavior, realistic async outcomes, and the limits of their environment.

4 questions

Take quiz

Accessible React Decisions

Review interactions from the keyboard and accessibility tree, not just the screenshot.

4 questions

Take quiz

React Debugging Judgment

Choose useful evidence and fix the faulty assumption instead of hiding the symptom.

4 questions

Take quiz

React Deployment Judgment

Check the actual production files, server routing, public configuration, and cache behavior.

4 questions

Take quiz

The KIRUPA Newsletter

Thought provoking content that lives at the intersection of design 🎨, development 🤖, and business 💰 - delivered weekly to over a bazillion subscribers!

SUBSCRIBE NOW

Creating engaging and entertaining content for designers and developers since 1998.

Follow:

Popular

Loose Ends

:: Copyright KIRUPA 2026 //--