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.

Grocery App

20min
  -  
Easy  
  -  
CODE

React Components Public New

You have a GroceryApp class, 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.

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, Background Wrapper, Tooltip Component, Email Form
Skills
React Components Conditional rendering VDOM Portals
Score Distribution
Loading...
Pricing For Premium Questions