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
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 >
3/25
Qu'est-ce que l'état (state) dans React ?
Un stockage persistant.
Un magasin de données interne (objet) d'un composant.
Suivant >
4/25
Qu'est-ce que ReactJS ?
Cadre côté serveur
Cadre d'interface utilisateur
Bibliothèque pour construire des interfaces d'interaction
Suivant >
5/25
Quelles sont les deux manières dont les données sont gérées dans React ?
état & props
services & composants
Suivant >
6/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 >
7/25
Ref est utilisé pour référencer un élément ou composant retourné par ___.
react()
render()
reduce()
refer()
Suivant >
8/25
Dans React, quelle méthode est utilisée pour créer un contexte ?
React.createContext()
React.createState()
React.createComponent()
React.createRef()
Suivant >
9/25
Quel est le but de React Router ?
Pour gérer l'état global
Pour le rendu conditionnel
Pour gérer la navigation et le routage
Pour se connecter à des API externes
Suivant >
10/25
Que fait le hook 'useMemo' dans React ?
Il mémorise une valeur calculée
Il économise l'utilisation de la mémoire
Il se souvient des composants précédemment rendus
Il mémorise l'état du composant
Suivant >
11/25
Qu'est-ce qu'un Fragment dans React ?
Une partie de l'état du composant
Un outil pour la mémoïsation
Un composant pouvant retourner plusieurs éléments
Un composant d'ordre supérieur
Suivant >
12/25
Comment passez-vous une prop nommée 'data' à un composant nommé 'MyComponent' ?
<MyComponent data={this.props.data} />
<MyComponent props={data} />
<MyComponent>{data}</MyComponent>
<MyComponent data='data' />
Suivant >
13/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 >
14/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 >
15/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 >
16/25
Comment faites-vous pour rendre conditionnellement des composants dans React ?
En utilisant des instructions if-else à l'intérieur de JSX
En utilisant l'opérateur ternaire à l'intérieur de JSX
En utilisant une boucle for à l'intérieur de JSX
En utilisant switch-case à l'intérieur de JSX
Suivant >
17/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 >
18/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 >
19/25
Quel hook est utilisé pour mémoriser une fonction de rappel dans React ?
useEffect
useCallback
useState
useMemo
useRef
Suivant >
20/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 >
21/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 >
22/25
Comment partagez-vous l'état entre deux composants qui ne sont pas parent-enfant dans React ?
En utilisant des variables globales
En utilisant l'API Context
En passant des props à travers des composants intermédiaires
En utilisant une bibliothèque de gestion d'état comme Redux
Suivant >
23/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 >
24/25
React est principalement utilisé pour construire ___.
Base de données
Connectivité
Interface utilisateur
Plateforme de conception
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.