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

Test details

Intermediate

November 2024

21 minutes

3.7/5(16)

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 17 questions in React.Discover all our interview questions and answers here

⚠️ Ranking results of all timemay not be relevant because the test has not been taken enough times yet.

2629 points

2586 points

2531 points

2493 points

2468 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

Participate in test improvement

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>
    );
  }
}