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
December 2023
19 minutes
3.8/5(12)

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
⚠️ Ranking results of all timemay not be relevant because the test has not been taken enough times yet.
1.
developer avatar
Maxime Javaux
2642 points
2.
developer avatar
Anne
2600 points
3.
developer avatar
Camille
2548 points
4.
developer avatar
Jonathan
2523 points
5.
developer avatar
Malek
2512 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

function withComments(WrappedComponent){
    class CommentsFetcher extends React.Component{
        constructor(props){
            super(props);
            this.state={
                comments:[],
                isFetchingComments: true,
                commentsError: null,
            };
        }
        
        componentDidMount(){
            fetchComments()
               .then((comments)=>this.setState({comments, isFetchingComments: false}))
               .catch((error)=>this.setState({isFetchingComments: false, commentsError: error}));
        }
        
        render(){
            return<WrappedComponent{... this.props}{... this.state}/>;
        }
    }
    
    return CommentsFetcher;
}

Check the statement(s) that are true:

See 18 test questions.Participate in test improvement

Developers ratings

developer avatar
Camille
17/03/2024
developer avatar
Francisco
29/11/2023
pas de remarque particulière. Le temps disponible sur certaines questions est un peu court. mais sinon bon choix de questions
developer avatar
Allibert
23/10/2023
Good test but you must scroll often for check all answers
developer avatar
Joan
06/10/2023
It is good to be tested on React Legacy, as we often like to code in more moderne way
developer avatar
josue
31/05/2023
assez difficile et pas a jour, les usages de class components deviennent dépréciés

WeLoveDevs team on 26/07/2023 :Salut josue ! Effectivement les questions de ce test sont ou deviennent dépréciées, c'est le but du test React legacy, si tu ne l'as pas déjà fait je t'invite à essayer le test React (https://welovedevs.com/app/tests/reactjs)