React JS

Quelle est la bonne syntaxe pour créer un composant avec React JS

• function Avatar(props) { return ( <h1>I'm a component called {props.name} </h1> ); }

• Avatar = (props) => { return ( <h1>I'm a component called {props.name} </h1> ); }

• const  Avatar = (props) =>  <h1>I'm a component called {props.name} </h1>

• Avatar = props => { return ( <h1>I'm a component called {props.name} </h1> ); }

Un composant React JS

• est l'unité de construction des applications React

• vous permet de découper l’interface utilisateur en éléments indépendants et réutilisables

• est une fonction JS

• accepte un state mais pas de props

Quel est l'intérêt de React JS ?

• Je te le dirai quand j'aurais trouvé

• Facilité d'apprentissage

• Performances

• Référencement

Une props

• est passée comme l'argument d'une fonction

• peut être passée d'un composant enfant à un composant parent

• est modifiable

• Ne peut pas être une fonction

Le state dans React

• est géré au niveau du composant

• peut se transmettre d'un composant à un autre

• est une variable

• est immutable

useEffect

• est un hook

• est lié au cycle de vie des composants

• ne permet pas d'effectuer des actions lorsqu'un composant est mis à jour

• peut s'écrire ainsi :

  useEffect(() =>

  { setTimeout(() => { setCount((count) => count + 1); }, 1000); });

Ce code est-il correct ?

• OUI

• NON

• Je ne sais pas

• Je l'aurais pas écrit comme ça

Ce code est-il correct ?

• OUI

• NON

Ce code est-il correct ?

• OUI

• NON

Ce code s'exécute t-il ?

• OUI

• NON