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

My Results

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
1.
developer avatar
Laurent Veyrat
2836 points
2.
developer avatar
Aurélie
2783 points
3.
developer avatar
Jérémie
2579 points
4.
developer avatar
asdasd
2493 points
5.
developer avatar
Rajanan
2471 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
developer avatar
developer avatar
developer avatar

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

How to do ?

See 17 test questions.Participate in test improvement

Developers ratings

developer avatar
hamza
12/11/2024
developer avatar
jonathan
12/08/2024
foreiners got less time than native ones cause of the mind translation
developer avatar
Atul
19/06/2024
Thanks it was very nice, thanks
developer avatar
17/06/2024
I'm a beginner, i was trying to understand things i've never seen :s
developer avatar
Camille Vingere
17/03/2024