React Online Test

TestDome skill assessments are used by more than 5,000 companies and 450,000 individual test takers.

Jobseekers: Get a Certificate

Take a Practice Test

Companies: Try First, Pay Later

Sign Up To Use This Test

The React online test assesses candidates' knowledge of programming using the React/ReactJS library and their ability to leverage commonly used programming patterns.

It's an ideal test for pre-employment screening. A good React developer needs to be able to solve problems using the React library and also know how to solve problems in the React way.

This test asks candidates to solve coding problems in React and find and fix bugs in React programs.

Recommended Job Roles
JavaScript Developer
React Developer
Web Front-End Developer
Sample Candidate Report

Sample Free Questions

Toggle Message

10min
  -  
Easy 
  -  
CODE

React Conditional rendering Event handling Managing state Public New

The Message component contains an anchor element and a paragraph below the anchor. Rendering of the paragraph should be toggled by clicking on the anchor element using the following logic:

  • At the start, the paragraph should not be rendered.
  • After a click, the paragraph should be rendered.
  • After another click, the paragraph should not be rendered.

Finish the Message component by implementing this logic.

Focus

15min
  -  
Easy  
  -  
CODE

React Components Public

The TextInput component renders an input element in the DOM and accepts a ref that is forwarded to that input element. Finish the FocusableInput component:

  • The component should accept a focused prop.
  • When the focused prop is changed from false to true, and the input is not focused, it should receive the focus.
  • If on mounting the focused prop is true, the input should receive the focus.

Todo List

15min
  -  
Easy  
  -  
CODE

React Event handling Public New

Write a TodoList component that expects an items prop, and a list of objects, each with text and done properties.

TodoList also accepts an onItemClick function prop, which should be called when a user clicks an item in the list, if the item is not marked as done. Otherwise, the onItemClick should not be called and the click event itself should not be propagated further. The function should be called with the item object from the items list as the first parameter and the event as the second parameter.

Use Free Questions On a Trial Plan

Premium Questions

The premium question library contains our unique, hand-crafted questions. We offer a refund if you find any of them answered online.

Questions
Tab Strip, Contact Form, Email Form, Background Wrapper, Toggle Options Visibility, Player Status, Simple Calculator, Theme Context Switcher, Tooltip Component, Shopping List, Reorder, Error Catcher, Details, List Wrapper, Cards Widget, Product Rating, Post Comment
Skills
React Components Conditional rendering VDOM Data binding Effect Hook State Hook Hooks Reducer Hook Context Portals Managing state Event handling Error boundaries Higher order components Content manipulation
Score Distribution
Loading...
Pricing For Premium Questions