Font size
WorksheetsQuiz React
Total questions: 54
Worksheet time: 2hrs 48mins
Qu'est-ce que React dans le contexte du développement web?
Un type de base de données
Un framework JavaScript pour développer des interfaces utilisateurs
Un langage de programmation
Un outil de gestion de projet
Comment React détermine-t-il quels composants doivent être rafraîchis lors de la mise à jour de l'application?
En utilisant une base de données externe
En reprogrammant tous les composants
En conservant une représentation interne (une arborescence) des éléments
En demandant à l'utilisateur
Quel est l'objectif principal de l'optimisation utilisée par React lors du rafraîchissement de l'écran?
Augmenter le coût d'accès au DOM
Limiter les accès coûteux au vrai DOM
Ralentir l'application
Améliorer les graphiques
React Native est spécifiquement conçu pour quel type de plateformes?
Web uniquement
Android et iOS
Navigateurs web
Serveurs
Quel est le rôle principal de la bibliothèque React?
Gérer le DOM du navigateur
Offrir une interface de programmation commune à toutes les plateformes
Faire le rendu graphique des composantes React uniquement sur iOS
Charger des bibliothèques spécifiques pour Android
Quelle commande utilise-t-on pour créer une application React vide?
npm start
npm install react
npx create-react-app app_react_vide
npm update react
Quelle commande est utilisée pour démarrer le serveur de développement après avoir créé l'application React?
npm run build
npm start
npm install
npm serve
Quel fichier dans une application React contient le numéro de version spécifique de chaque dépendance installée par npm ?
package.json
README.md
index.html
App.js
Quel répertoire contient tous les fichiers statiques transmis au navigateur dans une application React ?
src
public
node_modules
js
Est-il possible de recréer le répertoire node_modules si celui-ci est supprimé ?
Non, il n'est pas possible de le recréer.
Oui, en utilisant la commande "npm start".
Oui, en utilisant la commande "npm install".
Non, cela nécessite une réinstallation complète de Node.js.
Dans le contexte de React, que signifie le terme "DOM virtuel"?
Une base de données utilisée par React.
Un modèle en mémoire qui représente la structure de la page web.
Un outil de développement pour déboguer les applications.
Une nouvelle version de JavaScript utilisée par React.
Qu'est-ce que JSX dans le contexte de React?
Un langage de programmation complet
Une extension de JavaScript
Un compilateur de code
Une bibliothèque pour le réseau
Comment JSX traite-t-il les expressions JavaScript à l'intérieur du code?
En les ignorant
En les exécutant séparément
En les encapsulant dans des accolades {}
En les convertissant en chaînes de caractères
Quelle est la principale raison d'utiliser JSX dans le développement avec React?
Pour augmenter la performance de l'application
Pour simplifier l'écriture du code et sa maintenance
Pour intégrer des bases de données
Pour améliorer la sécurité de l'application
Quel attribut HTML est utilisé pour définir la source d'une image?
src
href
type
class
Quelle commande est utilisée pour importer des feuilles de style dans le fichier App.css
import './App.css';
include './App.css';
require './App.css';
link './App.css';
Dans un fichier HTML ordinaire, à quoi les sélecteurs de classes CSS sont-ils associés?
Éléments HTML avec l'attribut id
Éléments HTML avec l'attribut style
Éléments HTML avec l'attribut class
Éléments HTML sans attributs
Quel attribut doit-on utiliser au lieu de 'class' dans une application React pour associer des styles CSS?
className
classList
classStyle
classType
Quelle propriété CSS supprime les points des listes dans le style '.liste'?
list-style: none;
list-decoration: none;
list-type: none;
list-display: none;
Qu'est-ce qu'une composante dans le contexte de l'interface utilisateur ?
Un élément qui ne peut pas accepter de paramètres.
Un élément qui encapsule des états, une logique et un style.
Un simple fichier JavaScript sans logique.
Une partie du document HTML.
Comment une composante peut-elle être utilisée pour améliorer la maintenance du code?
En augmentant la quantité de code nécessaire.
En limitant la répétition du code.
En compliquant la structure du code.
En utilisant moins de JavaScript.
Quel est le rôle des "props" dans une composante React?
Ils servent à stocker des données temporaires.
Ils permettent de passer des paramètres au moment de l'utilisation de la composante.
Ils définissent le style CSS de la composante.
Ils empêchent la composante de recevoir des paramètres.
Que signifie l'expression "export default" dans le contexte des composantes React?
Cela indique que la composante ne peut pas être réutilisée.
Cela spécifie que la composante doit être utilisée sans JSX.
Cela déclare que la composante est accessible en tant que module par défaut.
Cela force la composante à utiliser un style spécifique.
Comment peut-on améliorer la composante App pour bénéficier du fait que les données sont contenues dans un tableau?
En ajoutant plus de styles CSS
En utilisant une boucle pour générer les composantes Item
En convertissant le tableau en objet
En éliminant le tableau
Quelle propriété est essentielle pour chaque élément d'une liste dans React pour maintenir une performance optimale lors des mises à jour?
className
id
key
src
Dans React, que représente le paramètre 'children' lorsqu'il est passé à une composante?
Une référence à la fonction parent
Les éléments enfants que la composante parent doit afficher
Une méthode pour passer des données aux composantes
Un identifiant unique pour chaque composante enfant
Comment la gestion des événements dans React est-elle décrite par rapport à HTML/JavaScript?
Complètement différente
Légèrement similaire
Très similaire
Pas mentionné
Qu'est-ce qui est nécessaire pour installer une fonction de rappel sur un élément HTML/JSX dans React?
Un attribut spécial sans valeur
Un événement et un attribut avec valeur
Un attribut avec une fonction de rappel comme valeur
Aucune installation n'est nécessaire
Vrai ou faux. Les variables locales déclenchent un rafraîchissement.
Vrai
Faux
Les composantes d'état sont mises à jour quand?
lors du rafraîchissement
après le rafraîchissement
avant le rafraîchissement
toujours
Vrai ou faux. Chaque instance d'une composante a ses propres variables d'état et elles sont privées
Vrai
Faux
Les seules valeurs possibles pour Display sont:
center
flex
column
None
Dans les flexbox, qu'est ce que l'attribut flex fait?
Détermine la direction de l'axe principal
Définit comment l’élément utilisera l’espace disponible selon l’axe principal
Les items continuent sur la line ou la colonne suivante
Défini l'agencement des éléments selon l'axe principal
Dans les flexbox, qu'est ce que l'attribut flexDirection fait?
Détermine la direction de l'axe principal
Définit comment l’élément utilisera l’espace disponible selon l’axe principal
Les items continuent sur la line ou la colonne suivante
Défini l'agencement des éléments selon l'axe principal
Dans les flexbox, qu'est ce que l'attribut flexWrap fait?
Détermine la direction de l'axe principal
Définit comment l’élément utilisera l’espace disponible selon l’axe principal
Les items continuent sur la line ou la colonne suivante
Défini l'agencement des éléments selon l'axe principal
Dans les flexbox, qu'est ce que l'attribut justifyContent fait?
Détermine la direction de l'axe principal
Défini l'agencement selon l'axe transversal
Les items continuent sur la line ou la colonne suivante
Défini l'agencement des éléments selon l'axe principal
Dans les flexbox, qu'est ce que l'attribut alignItem fait?
Détermine la direction de l'axe principal
Défini l'agencement selon l'axe transversal
Les items continuent sur la line ou la colonne suivante
Défini l'agencement des éléments selon l'axe principal
Quel est l'attribut qui donne accès au tableau d'objet dans la composante FlatList?
(a)
Quel est l'attribut qui défini l'apparence des items dans la composante FlatList?
(a)
Quels sont les deux attributs qui permettent de rendre visible seulement une partie des objets dans la composante FlatList?
initialToRender et maxToRenderPerBatch
initialNumToRender et maxNumToRenderPerBatch
initialNumToRender et maxToRenderPerBatch
initialNumToRender et maxToRender
Cette méthode permet de positionner un item de la liste identifié par son index sur l’écran au lieu d'utiliser FlatList.
ScrollView
useEffect
scrollFromIndex
scrollToIndex
Vrai ou Faux. La modification d'un useRef déclenche un rafraîchissement?
Vrai
Faux
Un [sélectionKey] à la fin d'un useEffect
s'exécute 1 fois après le rafraîchissement initial
s'exécute après le rafraîchissement
s'exécute à chaque rafraîchissement
Un [] à la fin d'un useEffect
s'exécute 1 fois après le rafraîchissement initial
s'exécute après le rafraîchissement
s'exécute à chaque rafraîchissement
Rien à la fin d'un useEffect
s'exécute 1 fois après le rafraîchissement initial
s'exécute après le rafraîchissement
s'exécute à chaque rafraîchissement
Une promise
représente le résultat attendu d'un appel de fonction asynchrone
permet d'obtenir un résultat
représente le résultat attendu d'un appel de fonction synchrone
Qu'est-ce qui permet d'obtenir le résultat d'une promise?
fetch
then
GET
than
Quel attribut peut on mettre sur une composante <Navigator> pour forcer la route de départ?
initialName
name
initialRouteName
initialNameRoute
<Screen name "Films" component={FilmScreens} options ={{ ______: "Films affichés"}}/>. Quel(s) est/sont l/les attribut(s) de options pour mettre un titre par défaut?
title et headerTitle
titre et headerTitre
name et headerName
title et titleHeader
Quelle composante forme la pile de navigation?
NavigationContainer
Navigator
Screen
Navigation
Dans le contexte de navigation, fetch est l'équivalent de quoi?
GET
POST
then
onPress_cb={()=> navigation.navigate('Film')} sert à quoi?
reviens à l'écran précédent
va sur 'film'
affiche l'écran 'films' et l'ajoute à la pile
reviens au premier écran de la pile
À quoi sert la composante MapView?
afficher un marqueur
afficher la carte
créer une carte
mettre à jour la carte
Avec quel attribut peut-on changer la couleur d'un <Polygone> et <Circle>
stokeColor
colorStroke
strokeColor
color
