Accueil>Tests>Développeur Web>React (legacy)

Test React (legacy)

QCM React avec réponses pour évaluer vos connaissances et préparer vos entretiens d'embauche. Évaluation de votre niveau technique en 20 minutes.

Validez et mettez en avant vos compétences

Résultats privés sauf si vous les partagez

Comparez vos résultats à la moyenne des devs

Vous êtes recruteur?Testez vos candidats sur le thème React

Mes résultats

Détails du test

Intermédiaire

novembre 2024

21 minutes

3.7/5(16)

Ce test legacy contient des questions sur les versions anciennes de React. Certaines des méthodes et des fonctions utilisées sont dépréciées. Il est conseillé si vous souhaitez tester vos connaissances pour travailler sur un projet React créé avant 2018.

Ce test ne parle QUE de react. Il y a donc très peu (une ou deux) de questions relatives aux libraries périphériques (redux, jss, material...)

Ce QCM ne contient que des questions sur l'écriture de Class Components
Il teste les compétences suivantes :

décrire une UI avec React ⚛️
comment gérer l'état d'un composant
comment organiser ses composants
comment gérer l'état des composants
optimiser le rendu
détecter et corriger des bugs dans du code React

Ce test est constitué de 20 questions tirées aléatoirement dans une base de 17 questions en React.Découvrez toutes nos questions d’entretiens avec réponses ici

En savoir plus sur le classement

2836 points

2783 points

2579 points

2493 points

2471 points

Auteur du test : La team W3D 💙

Clément et Vincent sont les deux dévelopeurs titulaires chez WeLoveDevs.
Notre stack est à base de React, Firebase et Javascript/Typescript, donc on passe pas mal de temps à découvrir par l'expérience les spécificités de React ⚛️.
Nous pensons que ce QCM permet de tester les capacités d'un dévelopeur qui a déja quelques ligne de react dans les doigts.

Contributeurs3

Exemple de question

On veut améliorer ce composant pour qu'il affiche "Vert" par défaut.

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>
        Le code de la couleur  
        <select onChange={this.changeColor}>
          <option value="#ff0000">Rouge</option>
          <option value="#00ff00">Vert</option>
          <option value="#0000ff">Bleu</option>
        </select>
         est {this.state.colorCode}
      </div>
    );
  }
}