Tutoriel React — Chapitre 4

Plan du chapitre

• 1) Le rôle de JavaScript dans React
• 2) Variables : let et const
• 3) Types de données essentiels
• 4) Fonctions en JavaScript
• 5) Objets et tableaux
• 6) Résumé
• 7) Exercice pratique

1) Le rôle de JavaScript dans React

React n’est pas un langage, c’est une bibliothèque JavaScript. Cela signifie que tout ce que vous écrivez en React repose sur des bases JavaScript.

Si JavaScript est flou, React deviendra difficile à comprendre. C’est pourquoi nous consolidons ces bases maintenant.

2) Variables : let et const

Une variable permet de stocker une valeur. En JavaScript moderne (celui utilisé avec React), on utilise principalement let et const.

const (le plus utilisé)

const prenom = "Alice";
const age = 25;

const signifie que la variable ne sera pas réassignée. C’est le cas le plus courant dans React.

let

let compteur = 0;
compteur = compteur + 1;

let est utilisé lorsque la valeur doit changer.

3) Types de données essentiels

Voici les types que vous rencontrerez constamment :

• String (texte)
• Number (nombre)
• Boolean (true / false)
• Array (tableau)
• Object (objet)

const nom = "React";
const version = 18;
const actif = true;

4) Fonctions en JavaScript

Les fonctions sont au cœur de React. Un composant React est, au final, une fonction JavaScript.

Fonction classique

function direBonjour() {
  return "Bonjour";
}

Fonction fléchée (très utilisée en React)

const direBonjour = () => {
  return "Bonjour";
};

5) Objets et tableaux

Objet

const utilisateur = {
  nom: "Alice",
  age: 30
};

Tableau

const nombres = [1, 2, 3, 4];

Les objets et tableaux sont omniprésents dans React (state, props, listes, données API).

6) Résumé

• React repose entièrement sur JavaScript
• const est utilisé dans la majorité des cas
• Les fonctions sont au cœur des composants React
• Objets et tableaux sont indispensables

7) Exercice pratique

Écrivez en JavaScript :

• Une variable avec votre prénom
• Une fonction qui retourne ce prénom
• Un objet représentant un utilisateur