Apprendre React

Ce que vous allez pratiquer

Construisez des interfaces avec React en décomposant l’écran en composants. Reliez progressivement les propriétés, les événements et l’état pour créer des interactions compréhensibles.

• Composer une interface avec JSX et les props.
• Mettre à jour l’état avec useState.
• Comprendre le rôle et le nettoyage des effets.

Avant de commencer : Savoir écrire des fonctions JavaScript et manipuler des objets et des tableaux. Le parcours JavaScript prépare ces notions.

Un premier exemple à comprendre

function Welcome({ name }) {
  return <p>Bonjour {name} !</p>;
}

export default function App() {
  return <Welcome name="Carthago" />;
}

Welcome est un composant. Sa propriété name personnalise le message sans dupliquer le composant. Les accolades permettent d’insérer une valeur JavaScript dans JSX.

À vous de jouer : Affichez deux composants Welcome avec des noms différents dans votre application React.

Comprendre une notion précise

• Guide Complet des Hooks React : useState et useEffect (React 19)