React Flashcards

1
Q

Dans quelle partie du code peut-on définir un état de base?

A

React component has a built-in state object.

The state object is where you store property values that belongs to the component. When the state object changes, the component re-renders.

C’est dans le constructeur que l’on définit les valeurs de base des propriété de l’objet state:

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Comment s’appelle le langage utilisé par React?

A

JSX

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Est-ce que le browser est capable de comprendre le language JSX?

A

Le browser ne comprend que le HTML, CSS et JS. On a donc besoin de transformer JSX en qqch de compréhensible pour le browser. Pour ce faire: - soit usage du compileur on the fly babel.min.js - ou usage de NODE et de create-react-app

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Dans l’univers React, à quoi correspondent les termes “mounting”, “unmounting”, “updating”?

A

The main job of React is to figure out how to modify the DOM to match what the components want to be rendered on the screen. React does so by “mounting” (adding nodes to the DOM), “unmounting” (removing them from the DOM), and “updating” (making changes to nodes already in the DOM).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Comment expliquer la popularité de React?

A

React est populaire car il offre des outils qui permettent de…

  • manipuler plus facilement le DOM ( React utilise un DOM virtuel)
  • de gérer le state management
  • créer des composants réutilisables
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Qu’est-ce qu’une Single Page Application (SPA)?

A

Une SPA est une application web accessible via une page web unique. Le but est d’éviter le chargement d’une nouvelle page à chaque action demandée, et de fluidifier ainsi l’expérience utilisateur. Dans une application classique, le client récupère chaque vue à afficher auprès du server, alors qu’avec une SPA, les vues sont générés directement au niveau du browser.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

De quel dépendance a-ton besoin pour faire une requête AJAX? Et quelle sera la syntaxe?

A

On a besoin de Axios.

axios.get(“https://restcountries.eu/rest/v2/all”).

then(res=>{

console.log(res.data)

}).catch(error=>{

console.error(‘Error’,error)

})

How well did you know this?
1
Not at all
2
3
4
5
Perfectly