Les livres
Apprendre HTML
Apprendre CSS
Apprendre Javascript
Cours
Questionnaires
Snippets
Les outils
Outils généraux
Générateur de code
Éditeur HTML
Encodeur HTML
Convertisseur Base 64
Différence de Code
Embellisseur JSON
Formatteur CSS
Convertisseur Markdown
Trouveur de Couleur Tailwind CSS
Chiffrer/Déchiffrer par Phrase
Vérificateur de Support API JS
Convertisseur de nombres
Créateur CSS
Créateur de CSS
Créateur d'Ombre de Texte CSS
Créateur de Rotation de Texte CSS
Créateur de Contour CSS
Créateur d'Ombre RGB CSS
Créateur de Transformation CSS
Créateur de Police CSS
Outils de couleur
Pipette de couleur
Couleurs CMYK
Couleurs HWB
Couleurs HSL
Couleur Hex
Mélangeur de Couleurs
Convertisseur de Couleurs
Couleur RGB
Vérificateur de Contraste de Couleur
Dégradé de Couleur
Outils de chaîne
Calculateur de Longueur
Outil Hash MD5
Outil Hash SHA256
Outil Inverseur
Encodeur d'URL
Décodeur URL
Encodeur Base64
Décodeur Base64
Suppresseur d'Espaces
Convertisseur en Minuscules
Convertisseur en Majuscules
Compteur de Mots
Décapant des Lignes Vides
Nettoyeur HTML
Convertisseur Binaire en Hex
Décodeur Binaire Hex
Convertisseur Rot13
Texte en Binaire
Suppresseur de Doublons
Change theme
Dark
Light
System
Les livres
Apprendre HTML
Apprendre CSS
Apprendre Javascript
Comment Faire
Comment Git
Comment JavaScript
Comment CSS
Comment PHP
Comment Symfony
Comment HTML
Comment Java
Comment AngularJs
Comment NodeJs
Comment Linux
Comment Apache
React - Les bases
1/25
Laquelle des syntaxes suivantes est correcte pour un gestionnaire d'événements de clic de bouton foo ?
<button onclick={this.foo()}>
<button onclick={this.foo}>
<button onClick={this.foo()}>
<button onClick={this.foo}>
Suivant >
2/25
Qu'est-ce que l'état (state) dans React ?
Un stockage persistant.
Un magasin de données interne (objet) d'un composant.
Suivant >
3/25
Choisissez la bonne réponse à propos de JSX.
JSX est plus rapide car il effectue l'optimisation lors de la compilation du code en JavaScript
JSX est une notation syntaxique pour JavaScript XML
JSX offre l'expressivité du JavaScript avec du HTML, comme la syntaxe des modèles
Toutes les options ci-dessus
Suivant >
4/25
Quel est le port par défaut où un projet create-react-app s'exécute ?
3000
8080
5000
8000
Suivant >
5/25
Quelle méthode est nécessaire à définir dans un composant de classe dans React ?
componentDidMount()
shouldComponentUpdate()
render()
getDerivedStateFromProps()
Suivant >
6/25
Quelle est la syntaxe correcte pour un composant fonctionnel dans React ?
function MyComponent() { return <div />; }
class MyComponent extends React.Component { render() { return <div />; }}
const MyComponent = () => { return <div />; }
var MyComponent = function() { return <div />; }
Suivant >
7/25
Dans React, à quoi sert l'API 'Context' ?
Pour améliorer les performances
Pour gérer le cycle de vie des composants
Pour partager des données à travers les composants sans 'prop drilling'
Pour gérer les entrées de formulaire
Suivant >
8/25
Quel est le but des 'PropTypes' dans React ?
Pour spécifier les types de props qu'un composant peut recevoir
Pour documenter le code du composant
Pour améliorer les performances
Pour fournir des valeurs par défaut aux props
Suivant >
9/25
Quelle est la signification de la prop 'key' lors du rendu d'une liste d'éléments dans React ?
Elle est utilisée pour le style des éléments de liste
Elle aide React à identifier quels éléments ont changé
C'est une prop requise pour tous les éléments de liste
Elle augmente la vitesse de rendu de la liste
Suivant >
10/25
À quoi sert le hook 'useState' dans React ?
Pour gérer l'état dans les composants fonctionnels
Pour lier l'état entre les composants
Pour mettre à jour l'état dans les composants de classe
Pour stocker des données dans le stockage local du navigateur
Suivant >
11/25
Laquelle de ces méthodes est une manière correcte de gérer les événements dans React ?
<button onClick={this.handleClick}>Cliquez moi</button>
<button onClick='handleClick()'>Cliquez moi</button>
<button onClick={handleClick()}>Cliquez moi</button>
<button handle='onClick'>Cliquez moi</button>
Suivant >
12/25
Qu'est-ce qu'une 'prop' dans React ?
Une fonction à l'intérieur d'un composant
Une variable d'état dans un composant
Un attribut en lecture seule utilisé dans un composant
Un attribut de style des éléments HTML
Suivant >
13/25
Quel est le but du hook 'useEffect' ?
Pour gérer les changements d'état
Pour créer un nouveau composant
Pour effectuer des effets secondaires dans les composants fonctionnels
Pour se connecter à un store Redux
Suivant >
14/25
Dans quel scénario utiliseriez-vous le hook 'useRef' de React ?
Pour interagir directement avec un élément du DOM
Pour mettre à jour l'état du composant
Pour récupérer des données depuis une API
Pour créer un nouveau composant React
Suivant >
15/25
Dans React, quel est le but de l'API Context ?
Pour gérer l'état global
Pour gérer les requêtes HTTP
Pour se connecter aux bases de données
Pour optimiser les performances
Suivant >
16/25
Quelle méthode est le bon choix pour récupérer des données dans un hook useEffect ?
componentDidMount
useFetch
API fetch
getData()
useDataFetching
Suivant >
17/25
Comment pouvez-vous empêcher une fonction d'être appelée trop fréquemment dans React, comme lors du redimensionnement d'une fenêtre ?
En utilisant shouldComponentUpdate
En utilisant PureComponent
En utilisant des techniques de debounce ou throttle
En utilisant useEffect avec un tableau de dépendances vide
Suivant >
18/25
À quoi fait référence le 'prop drilling' dans React ?
Passer des props à des composants enfants profonds
Définir des valeurs par défaut pour les props
Valider les types de props
Mettre à jour les props depuis les composants enfants
Suivant >
19/25
Dans React, qu'est-ce qu'un 'composant d'ordre supérieur' (HOC) ?
Un composant avec un z-index plus élevé
Un composant qui retourne un autre composant
Un composant avec état
Un composant qui rend des éléments HTML
Suivant >
20/25
Comment gérez-vous les soumissions de formulaires dans React ?
En utilisant un gestionnaire d'événements onSubmit
Avec une bibliothèque de gestion de formulaires dédiée
En soumettant directement au serveur
React ne prend pas en charge les soumissions de formulaires
Suivant >
21/25
Que sont les 'fragments' dans React ?
Des outils pour la gestion de la mémoire
Des composants qui retournent plusieurs éléments
Un motif pour la validation des props
Des parties de l'état du composant
Suivant >
22/25
React est principalement utilisé pour construire ___.
Base de données
Connectivité
Interface utilisateur
Plateforme de conception
Suivant >
23/25
Les méthodes de cycle de vie sont principalement utilisées pour ___.
suivre l'historique des événements
améliorer les composants
libérer des ressources
aucune des réponses ci-dessus
Suivant >
24/25
___ peut être fait lorsque plusieurs éléments doivent être retournés d'un composant.
Abstraction
Empaquetage
Isolation
Enveloppement
Suivant >
25/25
Quelle est la bonne manière d'accéder à une fonction fetch() depuis un élément h1 en JSX ?
<h1>{fetch()}</h1>
<h1>${fetch()}</h1>
<h1>{fetch}</h1>
<h1>${fetch}</h1>
Suivant >
Pour obtenir le résultat du quiz, veuillez fournir votre adresse e-mail (facultatif)..
Obtenir le certificat
Il semble que vous n'ayez pas encore répondu à des questions. Veuillez fournir vos réponses pour continuer.