React Online Test

TestDome skill assessments are used by more than 11,000 companies and 1,030,000 test takers.

For Jobseekers

Practice your skills and earn a certificate of achievement when you score in the top 25%.

Take a Practice Test

For Companies

Test candidates with real-world problems and interview the best ones.

Sign Up to Offer this Test

About the test

The React online test assesses knowledge of building web user interfaces with the React/ReactJS library through a series of live coding questions.

The assessment includes work-sample tasks such as:

  • Creating reusable Components.
  • Working with Hooks to access state and other React features.
  • Handling user events and updating the application based on user actions.

A good React/ReactJS developer should be able to work with the library effectively to create maintainable and accessible web user interfaces.

Sample public questions

Hard
20 min
code
Public
AI-resistant
React
Components
Managing State
React Hooks

You have a GroceryApp component, which receives a list of products, each one with name and votes. The app should render an unordered list, with a list item for each product. Products can be upvoted or downvoted.

By appropriately using React state and props, implement the upvote/downvote logic. Keep the state in the topmost component, while the Product component should accept props.

For example, passing the following array as products prop to GroceryApp [{ name: "Oranges", votes: 0 }, { name: "Bananas", votes: 0 }] and clicking the '+' button next to the Oranges should result in HTML like:

<div id="root">
  <ul>
    <li>
      <span>Oranges</span> - <span>votes: 1</span><button>+</button> <button>-</button>
    </li>
    <li>
      <span>Bananas</span> - <span>votes: 0</span><button>+</button> <button>-</button>
    </li>
  </ul>
</div>
Easy
7 min
code
Public
React
Effect Hook
React Hooks
Reference Hook

Finish the FocusableInput component so that the input element automatically receives focus on the first render if the shouldFocus prop is true.

The component should use React Hooks.

For jobseekers: get certified

Earn a free certificate by achieving top 25% on the React test with public questions.

Take a Certification Test

Sample silver certificate

Sunshine Caprio

Java and SQL
TestDome
Certificate
TestDome logo icon

For companies: premium questions

Buy TestDome to access premium questions that can't be practiced.
Get money back if you find any premium question answered online.

Sign Up to Offer this Test

23 more premium React questions

Error Catcher, Login Form, Product Search, Pet Form, Simple Calculator, Tooltip Component, Reorder, Player Status, Subscription, Post Comment, Shopping List, Cards Widget, List Wrapper, Async Paragraph, Contact Form, Theme Context Switcher, Email Form, Tab Strip, Toggle Options Visibility, Email Input, Details, Product Rating, Click Button.

Skills and topics tested

  • React
  • Components
  • Error Boundaries
  • Hooks
  • State Hook
  • Effect Hook
  • Forms
  • React Hooks
  • Reducer Hook
  • Portals
  • Event Handling
  • Conditional Rendering
  • Content Manipulation
  • Managing State
  • Higher Order Components
  • Asynchronous Calls
  • Context
  • Data Binding

For job roles

  • JavaScript Developer
  • React Developer
  • Web Front-End Developer

Sample candidate report

What others say

Decorative quote

Simple, straight-forward technical testing

TestDome is simple, provides a reasonable (though not extensive) battery of tests to choose from, and doesn't take the candidate an inordinate amount of time. It also simulates working pressure with the time limits.

Jan Opperman, Grindrod Bank

Product reviews

G2 - Crowd Badge
G2 - High Performer (2022)
Capterra - 4.5 Stars
Capterra - Shortlist (2022)

Used by

Solve all your skill testing needs

150+ Pre-made tests

From web development and database administration to project management and customer support. See all pre-made tests.

90+ skills

From JavaScript and SQL to English and customer support. See all questions to filter by skill.

Multi-skills Test

Mix questions for different skills or even custom questions in one test. See an example.

How TestDome works

1

Choose a pre-made test
or create a custom test

2

Invite candidates via
email, URL, or your ATS

3

Candidates take
a test remotely

4

Sort candidates and
get individual reports

Want to know more?

Related React Tests: