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
Que se passera-t-il si vous appelez setState() à l'intérieur de la méthode render() ?
Une sortie répétitive apparaît à l'écran
Erreur de clé dupliquée
Erreur de débordement de pile
Rien ne se passe
Suivant >
2/25
Comment écrivez-vous un style en ligne qui spécifie font-size:12px et color:red; en JSX ?
style={{font-size:12,color:'red'}}
style={{fontSize:'12px',color:'red'}}
style={fontSize:'12px',color:'red'}
style={{font-size:12px,color:'red'}}
Suivant >
3/25
Quels sont les avantages de ReactJS ?
Augmente la performance de l'application avec le DOM virtuel
JSX rend un code facile à lire et à écrire
Il rend à la fois côté client et serveur
Facile à intégrer avec d'autres frameworks (Angular, BackboneJS) car c'est seulement une bibliothèque de vue
Toutes les réponses ci-dessus
Suivant >
4/25
Quelles sont les deux manières dont les données sont gérées dans React ?
état & props
services & composants
Suivant >
5/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 >
6/25
Dans React, quelle méthode est utilisée pour créer un contexte ?
React.createContext()
React.createState()
React.createComponent()
React.createRef()
Suivant >
7/25
Quel est l'usage du hook 'useReducer' dans React ?
Pour gérer l'état dans un composant
Pour réduire la taille d'un composant
Pour la gestion de l'état avec une fonction réductrice
Pour améliorer les performances
Suivant >
8/25
Quel est le but de la prop 'key' dans une liste React ?
Pour identifier chaque élément de manière unique
Pour le style des éléments
Pour améliorer les performances
Pour déclencher des événements
Suivant >
9/25
Comment créez-vous une référence (ref) dans un composant de classe dans React ?
React.createRef()
React.ref()
this.ref.create()
new Ref()
Suivant >
10/25
Quel est le port par défaut où un projet create-react-app s'exécute ?
3000
8080
5000
8000
Suivant >
11/25
Laquelle des suivantes n'est pas une méthode de cycle de vie dans React ?
componentDidMount
shouldComponentRender
componentWillUnmount
getSnapshotBeforeUpdate
Suivant >
12/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 >
13/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 >
14/25
Dans quelle méthode de cycle de vie devriez-vous effectuer des requêtes HTTP dans un composant de classe ?
componentDidMount
componentWillMount
componentDidUpdate
componentWillUnmount
Suivant >
15/25
Quel est le but du hook 'useCallback' de React ?
Pour mémoriser une instance de fonction entre les rendus
Pour appeler une fonction en tant que callback après des changements d'état
Pour gérer efficacement les appels API
Pour mettre à jour l'état en fonction de l'état précédent
Suivant >
16/25
Quel est le but de la prop 'key' dans les listes React ?
Pour améliorer les performances
Pour identifier de manière unique chaque élément
Pour le style
Pour activer le DOM virtuel de React
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
Quel est l'usage principal de la bibliothèque React Router ?
Gérer l'état
Le routage et la navigation
Gérer les formulaires
Optimiser les performances
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
Quel est le but de 'useReducer' dans React ?
Pour gérer le cycle de vie des composants
Pour la gestion de l'état avec une fonction réductrice
Pour réduire la taille du bundle d'une application React
Pour optimiser les performances de rendu
Suivant >
21/25
Qu'est-ce que JSX dans React ?
Un langage de style basé sur JavaScript
Une extension de syntaxe pour JavaScript
Un nouveau langage de programmation basé sur JavaScript
Un framework pour construire des interfaces utilisateur
Suivant >
22/25
Quelle est une manière valide de créer un composant dans React ?
function MyComponent() { return <div/>; }
new ReactComponent(MyComponent)
React.createComponent(MyComponent)
class MyComponent extends ReactElement { ... }
Suivant >
23/25
React est principalement utilisé pour construire ___.
Base de données
Connectivité
Interface utilisateur
Plateforme de conception
Suivant >
24/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 >
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.