Home>IT Tests>Web developer>React (legacy)

Test React (legacy)

Test React with answers to assess your knowledge and prepare for job interviews. Assess your technical level in 20 minutes.

Validate and promote your skills

Private results unless you share them

Compare your results to the developers average

Are you a recruiter ?Testez vos candidat·e·s sur le thème React

My Results

Test details

Intermediate

December 2023

19 minutes

3.7/5(15)

This legacy test contains questions about older versions of React. Some of the methods and functions used are deprecated. It is recommended if you want to test your knowledge to work on a React project created before 2018.
This quiz contains a large part of the concepts to know about this library.
This test only talks about react. There are therefore very few (one or two) questions relating to peripheral libraries (redux, jss, material ...)
This quizz has only questions about Class Components
It tests the following skills:

describe a UI with React ⚛️
how to manage the state of a component
how to organize its components
how to manage the state of components
optimize rendering
detect and fix bugs in React code

This test consists of 20 questions randomly selected from a database of 18 questions in React.Discover all our interview questions and answers here

Learn more about scores

2514 points

2513 points

2513 points

2502 points

2489 points

Test author : La team W3D 💙

Clément and Vincent are two developers at WeLoveDevs.
Our stack is based on React, Firebase and Javascript / Typescript, so we spend a lot of time to experience the specifics of React ⚛️.
We think that this quiz allows to test the capacities of a developer who already has a few experience with React.

Contributors3

Sample question

We want to improve this component so that it displays"Green"by default.

class CSSColors extends React.Component{
  constructor(props){
    super(props);
    this.state={colorCode: ''};
    this.changeColor= this.changeColor.bind(this);
  }
  
  changeColor(evt){
    this.setState({colorCode: evt.target.value});
  }
  
  render(){
    return(
     <div>
        The color code
       <select onChange={this.changeColor}>
         <option value="#ff0000">Red</option>
         <option value="#00ff00">Green</option>
         <option value="#0000ff">Blue</option>
       </select>
        is{this.state.colorCode}
     </div>
    );
  }
}