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

Focus

15min
  -  
Easy  
  -  
CODE

React Components Public New

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.

Change Username

15min
  -  
Hard 
  -  
CODE

React Reference Hook Public New

This application should allow the user to update their username by inputting a custom value and clicking the button.

The Username component is finished and should not be changed, but the App component is missing parts. Finish the App component so that the Username component displays the inputted text when the button is clicked.

The App component should use the React.useRef Hook to pass the input to the Username component for the input element and for the Username component.

For example, if the user inputs a new username of "John Doe" and clicks the button, the div element with id root should look like this:

<div><button>Change Username</button><input type="text"><h1>John Doe</h1></div>
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, Tooltip Component, Background Wrapper, Player Status, Simple Calculator, Theme Context Switcher, Toggle Options Visibility, Shopping List
Skills
React Components Conditional rendering Portals VDOM Effect Hook State Hook Hooks Reducer Hook Context Data binding Managing state
Score Distribution
Loading...
Pricing For Premium Questions