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

Les livres
Comment Faire

React - Les bases

1/25 Laquelle des méthodes suivantes dans un composant React est appelée après que le composant est rendu pour la première fois ?
- componentDidUpdate
- componentDidMount
- componentMounted
- componentUpdated
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'}}
3/25 Quels sont les inconvénients de ReactJS ?
- Ce n'est qu'une couche de vue. Vous devez brancher votre code pour les requêtes Ajax, les événements, etc.
- La bibliothèque est assez volumineuse.
- La courbe d'apprentissage peut être lente.
- Toutes les options ci-dessus
4/25 React fusionne l'objet fourni dans l'état actuel en utilisant ___.
- setState()
- State()
5/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
6/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
7/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
8/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
9/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>
10/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
11/25 Lequel de ces éléments n'est pas une caractéristique de React ?
- DOM Virtuel
- Rendu côté serveur
- Requêtes HTTP intégrées
- Liaison de données unidirectionnelle
12/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
13/25 Que fait 'React.Fragment' ?
- Il regroupe une liste d'enfants sans ajouter de nœuds supplémentaires au DOM
- C'est une méthode pour optimiser les performances
- Il est utilisé pour fragmenter un composant en composants plus petits
- C'est une façon de rendre les composants de manière asynchrone
14/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
15/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
16/25 Quel hook est utilisé pour mémoriser une fonction de rappel dans React ?
- useEffect
- useCallback
- useState
- useMemo
- useRef
17/25 Comment optimiser les performances pour une liste d'éléments dans React qui sont fréquemment re-rendus ?
- En utilisant shouldComponentUpdate
- En utilisant PureComponent
- En utilisant React.memo
- En utilisant useState
- En utilisant useEffect
18/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
19/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 { ... }
20/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
21/25 Lequel des suivants est un hook React ?
- useComponent
- useState
- useReact
- useElement
22/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
23/25 ___ peut être fait lorsque plusieurs éléments doivent être retournés d'un composant.
- Abstraction
- Empaquetage
- Isolation
- Enveloppement
24/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>
25/25 Quelle méthode d'un composant React devrait être surchargée pour empêcher le composant de se mettre à jour ?
- willComponentUpdate
- shouldComponentUpdate
- componentDidUpdate
- componentDidMount
Pour obtenir le résultat du quiz, veuillez fournir votre adresse e-mail (facultatif)..

Il semble que vous n'ayez pas encore répondu à des questions. Veuillez fournir vos réponses pour continuer.

Questionnaires
Snippets
Nos livres
Nos outils

À Propos
Politique de Confidentialité pour W3Docs

Suivez nous

Société © W3docs. Tous droits réservés.