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 TestCompanies: Try First, Pay Later
Sign Up To Use This TestThe 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
React
React is a JavaScript library for building user interfaces. As one of the most widely used frameworks it's important for most JavaScript developers to have a working knowledge of.
Conditional rendering
Conditional rendering in React is rendering different components depending on the application state. It is commonly used and, as such, is important for all developers.
Event handling
Event-based design patterns are very common in modern applications, especially in the development of user interfaces.
Managing state
Knowing how to overcome statelessness, the intrinsic limitation of web programming, is a very important skill for a web developer.
Public
Public questions (free account) are common interview questions. They are great for practicing, or if you want to filter candidates using the classic problems.
New
This is a new addition to our question library.
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
Easy
-
CODE
React
Components
Public
React
React is a JavaScript library for building user interfaces. As one of the most widely used frameworks it's important for most JavaScript developers to have a working knowledge of.
Components
Components are used in many frameworks and languages as the building blocks of an application.
Public
Public questions (free account) are common interview questions. They are great for practicing, or if you want to filter candidates using the classic problems.
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
Easy
-
CODE
React
Event handling
Public
New
React
React is a JavaScript library for building user interfaces. As one of the most widely used frameworks it's important for most JavaScript developers to have a working knowledge of.
Event handling
Event-based design patterns are very common in modern applications, especially in the development of user interfaces.
Public
Public questions (free account) are common interview questions. They are great for practicing, or if you want to filter candidates using the classic problems.
New
This is a new addition to our question library.
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.
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 CommentSkills
ReactReact
React is a JavaScript library for building user interfaces. As one of the most widely used frameworks it's important for most JavaScript developers to have a working knowledge of.
Components
Components are used in many frameworks and languages as the building blocks of an application.
Conditional rendering
Conditional rendering in React is rendering different components depending on the application state. It is commonly used and, as such, is important for all developers.
VDOM
Many modern web frameworks provide a virtual DOM that can be used to improve performance and maintainability of large web applications - as such, it's important for web developers to have a solid understanding of how to interact with both the VDOM and DOM.
Data binding
Data binding is a technique for synchronizing data between a component and DOM. For this reason, it’s important for all web developers.
Effect Hook
Using a React Effect Hook allows you to set up a subscription to DOM changes and perform side effects.
State Hook
Using a React State Hook allows you to preserve state between re-renders in a manner that doesn't require render props and higher-order components patterns, which simplifies code.
Hooks
Many frameworks allow developers to add their own plugins and extensions. Hooks are the points within the framework that the developer can access to implement their own logic and designs.
Reducer Hook
Using a React Reducer Hook allows you to pass callbacks with values between components, which simplifies code by removing the need to pass callbacks through every level of a component tree.
Context
React Context provides a way to pass data without using props through every level of the tree.
Portals
Portals are a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. As such, they are a very convenient tool for all developers who need to interact with a virtual DOM.
Managing state
Knowing how to overcome statelessness, the intrinsic limitation of web programming, is a very important skill for a web developer.
Event handling
Event-based design patterns are very common in modern applications, especially in the development of user interfaces.
Error boundaries
Error boundaries are React components that catch JavaScript errors anywhere in their child component tree and display a fallback UI instead of the component tree that crashed. Since they are one of the basic building blocks of error handling, they are important for all React developers.
Higher order components
A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, they are a pattern that emerges from React’s compositional nature.
Content manipulation
Adding or modifying content is the most common task when developing dynamic web pages.
Score Distribution
# of candidates
| 0-33% | |
|---|---|
| 34-66% | |
| 67-100% |
Score