REACT.JS

Question 1

Qu’est-ce que le JSX ?

Answer 1

Le JSX est une extension de syntaxe pour JavaScript, souvent utilisée dans les frameworks de développement web comme React.

Question 2

Les différences entre le HTML et le JSX

Answer 2

HTML et JSX sont 2 langages de balisage utilisés dans le développement web
HTML est utilisé principalement pour créer des pages web statiques.
JSX est utilisé dans le développement d’applications web dynamiques avec React et permet l’utilisation de JavaScript pour la manipulation de l’interface utilisateur

Question 3

Les règles de base de JSX

Answer 3

les balises doivent être fermées de manière appropriée, soit par une balise fermante, soit par une balise d’auto-fermeture.
Les composants sont un autre élément clé de JSX, et permettent aux développeurs de créer des éléments réutilisables qui encapsulent un ensemble de fonctionnalités.

Question 4

Qu’est-ce que Node.js ?

Answer 4

Node.js est un environnement d’exécution côté serveur, qui permet d’exécuter du code JavaScript en dehors d’un navigateur web.

Question 5

Comment fonctionne Node.js ?

Answer 5

Node.js utilise un modèle d’exécution asynchrone, ce qui signifie qu’il est capable de traiter plusieurs requêtes simultanément sans bloquer le fil d’exécution principal.

Question 6

Qu’est-ce qu’un composant React ?

Answer 6

Un composant React est une unité de base réutilisable de l’interface utilisateur (UI). ( fonction JavaScript, classe qui encapsule une partie de l’interface utilisateur, tels un bouton, un champ de saisie, une liste ou une zone de texte).

Question 7

Utilité et avantages d’un composant React

Answer 7

les composants React offrent une grande flexibilité et une réactivité à l’utilisateur. Les composants peuvent être mis à jour en temps réel en réponse aux actions de l’utilisateur, ce qui crée une expérience utilisateur plus agréable et plus engageante.

Question 8

Quel instruction faut il utiliser pour importer le composant dans un autre fichier en utilisant n’importe quel nom que nous souhaitons?

Answer 8

export default

Question 9

Les meilleures pratiques pour la création de composants réutilisables et modulaires

Answer 9

1.chaque composant React a une seule responsabilité. Un composant ne doit pas faire trop de choses différentes.
2.Ajout d’options de personnalisation
3.concentrer sur la conception de composants autonomes, clairs et descriptifs, avec une seule responsabilité, et des options de personnalisation

Question 10

Organisation des fichiers et dossier pour une architecture propre

Answer 10

1.Organiser l’application autour des fonctionnalités
2.L’utilisation de noms de fichiers significatifs et maintient une cohérence globale dans la structure des fichiers.
3.Stocker les ressources dans des dossiers dédiés pour faciliter leur localisation et leur gestion.
4.Réutiliser les composants réutilisables dans des dossiers dédiés, en mettant en évidence les boutons, les formulaires et les tableaux.
5.Stocker les tests d’application dans des dossiers spécifiques pour faciliter l’exécution et la localisation.

Question 11

Comment Les composants fonctionnels sont généralement nommés ?

Answer 11

une première lettre en majuscule, suivie d’une lettre majuscule pour chaque mot supplémentaire. Par exemple, un composant fonctionnel pour afficher une liste de tâches peut être nommé « TaskList »

Question 12

Comment Les composants de classe sont également nommés?

Answer 12

une première lettre en majuscule, suivie d’une lettre majuscule pour chaque mot supplémentaire, mais ils sont souvent suivis du suffixe Component. Par exemple, un composant de classe pour afficher une liste de tâches peut être nommé « TaskListComponent ».

Question 13

Comment les composants parent et enfant fonctionnent-ils ensemble dans une architecture modulaire ?

Answer 13

L’architecture modulaire de React est basée sur la notion de composants parent-enfant.
Communication entre eux par “pop” pour creer contenue

Question 14

Qu’est-ce qu’un composant de type classe ?

Answer 14

Un composant de type classe dans React est une classe JavaScript qui étend la classe React.Component. Il possède un état interne et des propriétés, et peut définir la méthode render() pour afficher l’interface utilisateur.

Question 15

Pourquoi utilise t-on des composants de type classe

Answer 15

les composants de classe dans React offrent une structure claire pour organiser la logique d’interface utilisateur et permettent une séparation claire entre la logique d’interface utilisateur et la gestion de l’état. Et simplifie la gestion des événements et des interactions utilisateur.

Question 16

Qu’est-ce qu’un cycle de vie dans React ?(CITE MOI LES 3étape)

Answer 16

1.la phase de montage
2.la phase de mise à jour
3.phase de démontage.

Question 17

La méthode « componentWillUnmount » Explique moi.

Answer 17

avant que le composant ne soit démonté du DOM pour nettoyer les ressources ou les événements associés au composant ou sauvegarder un état avant démontage du composant.

Question 18

la méthode « setState » Explique moi

Answer 18

permet de mettre à jour l’état du composant. Cette méthode est souvent utilisée en réponse à des événements utilisateur ou pour mettre à jour l’état en fonction des nouvelles propriétés.

Question 19

La méthode « forceUpdate » Explique moi

Answer 19

pour forcer le composant à se mettre à jour, mais elle est généralement déconseillée, car elle peut causer des problèmes de performances.

Question 20

Le cycle de vie des composants de type classe
Eplique moi la partie :
Phase de montage.

Answer 20

lorsque le composant est créé et inséré dans le DOM pour la première fois. Dans cette phase, le composant passe par plusieurs étapes :
constructeur, getDerivedStateFromProps, render et componentDidMount.

Question 21

Le cycle de vie des composants de type classe
Eplique moi la partie :
Phase de mise à jour :

Answer 21

Juste après la phase de montage.
La phase de mise à jour commence lorsque les propriétés ou l’état d’un composant changent.
Celles-ci comprennent getDerivedStateFromProps, shouldComponentUpdate, render et componentDidUpdate utiles pour modifier l’état du composant, l’animation ou la manipulation du DOM.

Question 22

Le cycle de vie des composants de type classe
Eplique moi la partie :
Phase de démontage.

Answer 22

Le déploiement commence lorsque le composant est sous-pressé du DOM, dans une suppression télescopique, dans un outil de nettoyage des ressources créées dans “componentDidMount”.